.gr-chip{display:inline-flex;align-items:center;gap:8px;min-height:42px;padding:5px 13px 5px 6px;border:0;border-radius:999px;background:rgba(255,255,255,.92);box-shadow:0 4px 14px -8px rgba(0,0,0,.35);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);color:var(--color-ink);cursor:pointer}.gr-chip-medal{display:block;width:30px;height:30px;perspective:300px}.gr-chip-medal img{width:100%;height:100%;object-fit:contain;filter:grayscale(1) opacity(.6);animation:gr-spin 5.2s cubic-bezier(.3,.7,.3,1) 1.2s infinite}.gr-chip-medal img.is-earned{filter:none}.gr-chip-name{font-size:12.5px;font-weight:600;white-space:nowrap}@keyframes gr-spin{0%{transform:rotateY(0)}25%,to{transform:rotateY(1turn)}}.gr-carousel{position:fixed;bottom:calc(60px + env(safe-area-inset-bottom, 0px));z-index:10;margin:0 auto;max-width:560px;flex-direction:column;overflow:hidden;background:var(--color-paper)}.gr-carousel,.gr-topbar{inset-inline:0;top:0;display:flex}.gr-topbar{position:absolute;z-index:5;align-items:center;justify-content:space-between;padding:calc(env(safe-area-inset-top, 0px) + 14px) 16px 0 18px;pointer-events:none}.gr-topbar>*{pointer-events:auto}.gr-topbar h1{margin:0;font:700 19px/1 var(--font-display);letter-spacing:.04em}.gr-rail{flex:1;display:flex;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;overscroll-behavior-x:contain;scrollbar-width:none;outline:none}.gr-rail::-webkit-scrollbar{display:none}.gr-rail:focus-visible{box-shadow:inset 0 0 0 2px var(--color-brand)}.gr-slide{position:relative;flex:0 0 100%;display:flex;flex-direction:column;overflow-x:hidden;overflow-y:auto;overscroll-behavior-y:contain;scroll-snap-align:start;scroll-snap-stop:always;scrollbar-width:none;background:var(--tint,var(--color-paper))}.gr-slide::-webkit-scrollbar{display:none}.gr-art{position:relative;flex:1 0 auto;min-height:210px;overflow:hidden}.gr-art img{position:absolute;inset:0;display:block;width:100%;height:100%;object-fit:cover;object-position:center 30%}.gr-art:after{content:"";bottom:0;height:52%;background:linear-gradient(180deg,transparent,var(--tint,var(--color-paper)) 75%)}.gr-art:after,.gr-head{position:absolute;inset-inline:0}.gr-head{bottom:42px;z-index:2;padding:0 22px}.gr-station{display:inline-flex;align-items:center;gap:6px;padding:4px 9px;border-radius:999px;background:rgba(255,255,255,.75);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);font-size:11px;letter-spacing:.14em;color:var(--color-ink-soft);font-variant-numeric:tabular-nums}.gr-station i{width:5px;height:5px;border-radius:50%;background:var(--color-brand)}.gr-head h2{margin:8px 0 2px;font:700 36px/1.15 var(--font-display);letter-spacing:.02em;color:var(--color-ink)}.gr-head p{margin:0;font-size:14.5px;color:var(--color-ink-soft)}.gr-card{position:relative;z-index:1;flex:0 0 auto;margin-top:-24px;padding:22px 22px 46px;border-radius:28px 28px 0 0;background:var(--color-surface);box-shadow:0 -10px 30px rgba(44,42,38,.08)}.gr-quote{margin:0;font:700 21px/1.4 var(--font-display);color:var(--color-brand-deep);text-wrap:balance}.gr-quote:before{content:"“";margin-right:2px;color:var(--color-ink-faint)}.gr-desc{margin:12px 0 0;line-height:1.85}.gr-desc,.gr-emph{font-size:14px;color:var(--color-ink-soft)}.gr-emph{margin:10px 0 0;line-height:2}.gr-emph mark{padding:0 2px;color:inherit;background:linear-gradient(transparent 58%,rgba(201,138,43,.3) 0);-webkit-box-decoration-break:clone;box-decoration-break:clone}.gr-emph.is-alert{color:var(--color-alert);font-weight:500}.gr-emph.is-note{font-size:13.5px;line-height:1.8;color:var(--color-ink-faint)}.gr-cta{margin-top:18px;display:flex;align-items:center;justify-content:center;gap:10px;width:100%;min-height:52px;padding:0 16px;border-radius:18px;background:var(--color-brand-deep);box-shadow:0 12px 26px -12px rgba(44,91,66,.7);color:#fff;font-size:16px;font-weight:600;text-decoration:none}.gr-cta:active{transform:scale(.99)}.gr-cta svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.gr-cta.is-soon{background:var(--color-paper);border:1px dashed var(--color-line);box-shadow:none;color:var(--color-ink-faint);font-weight:500}.gr-dots{position:absolute;inset-inline:0;bottom:0;z-index:5;display:flex;justify-content:center;gap:2px;padding:6px 8px 8px;background:linear-gradient(180deg,rgba(255,255,255,0),rgba(255,255,255,.96) 45%)}.gr-dots button{display:grid;place-items:center;width:30px;height:22px;padding:0;border:0;background:none;cursor:pointer}.gr-dots button:before{content:"";width:6px;height:6px;border-radius:999px;background:rgba(44,42,38,.22);transition:width .35s cubic-bezier(.2,.8,.2,1),background-color .3s}.gr-dots button.is-open:before{background:rgba(63,125,92,.45)}.gr-dots button.is-on:before{width:22px;background:var(--color-brand)}@media (max-height:700px){.gr-head h2{font-size:30px}.gr-head{bottom:36px}.gr-card{padding-top:18px}.gr-desc,.gr-emph{line-height:1.75}.gr-cta{margin-top:14px;min-height:48px}}.gr-dir{min-height:100dvh;padding-bottom:calc(40px + env(safe-area-inset-bottom, 0px));background:linear-gradient(170deg,var(--tint,#e8f1ea) 0,#f4f4ec 34%,var(--color-paper) 62%)}.gr-dir-bar{display:flex;align-items:center;justify-content:space-between;padding:calc(env(safe-area-inset-top, 0px) + 14px) 16px 0}.gr-back{display:grid;place-items:center;width:42px;height:42px;border-radius:50%;background:rgba(255,255,255,.85);box-shadow:0 4px 14px -8px rgba(0,0,0,.35);color:var(--color-ink)}.gr-back svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.gr-dir-head{padding:22px 22px 0}.gr-eyebrow{display:flex;align-items:center;gap:8px;margin:0;font-size:11.5px;letter-spacing:.16em;color:var(--color-brand-deep)}.gr-eyebrow i{width:18px;height:1px;background:var(--color-brand)}.gr-dir-head h1{margin:6px 0 0;font:700 27px/1.25 var(--font-display);color:var(--color-ink)}.gr-letter{position:relative;margin:14px 22px 0;min-height:172px}.gr-letter-grow{display:grid;grid-template-rows:0fr;transition:grid-template-rows .7s cubic-bezier(.2,.8,.2,1)}.gr-letter-grow>div{min-height:0;overflow:hidden}.gr-letter.is-open .gr-letter-grow{grid-template-rows:1fr}.gr-paper{position:relative;z-index:2;margin-inline:6px;padding:22px 22px 20px;border-radius:12px;background-color:#fffdf7;background-image:repeating-linear-gradient(transparent 0 27px,rgba(44,42,38,.05) 27px 28px);background-position:0 44px;box-shadow:0 18px 40px -20px rgba(44,42,38,.45);opacity:0;transform:scale(.92);transition:transform .7s cubic-bezier(.2,.8,.2,1) .25s,opacity .5s .25s,margin .7s;cursor:pointer}.gr-letter.is-open .gr-paper{opacity:1;transform:none;margin-inline:0}.gr-paper h3{margin:0 64px 10px 0;font:700 17px/1.4 var(--font-display);color:var(--color-ink)}.gr-paper p{margin:0 0 10px;font-size:14px;line-height:28px;color:#3f3a33}.gr-paper p mark{color:inherit;font-weight:600;background:linear-gradient(transparent 55%,rgba(201,138,43,.28) 0)}.gr-sign{margin-top:4px;text-align:right;font-size:14px;font-weight:600;letter-spacing:.04em;color:var(--color-brand-deep)}.gr-paper-tools{position:absolute;top:14px;right:14px;display:flex;gap:6px}.gr-round{display:grid;place-items:center;width:30px;height:30px;padding:0;border:0;border-radius:50%;background:var(--color-paper);color:var(--color-ink-faint);cursor:pointer}.gr-round svg{width:14px;height:14px;fill:currentColor}.gr-round.is-play{background:var(--color-brand-soft);color:var(--color-brand-deep)}.gr-round.is-play.is-on{background:var(--color-brand-deep);color:#fff}.gr-round.is-play.is-on svg{animation:gr-pulse 1.4s ease-in-out infinite}@keyframes gr-pulse{50%{transform:scale(.82)}}.gr-envelope{position:absolute;inset-inline:0;top:14px;z-index:3;height:150px;padding:0;border:0;background:none;cursor:pointer;perspective:900px;transition:transform .6s cubic-bezier(.2,.8,.2,1),opacity .5s,visibility 0s}.gr-letter.is-open .gr-envelope{transform:translateY(-24px) scale(.96);opacity:0;visibility:hidden;transition-delay:.4s,.4s,.9s}.gr-env-body{position:absolute;inset:0;overflow:hidden;border-radius:14px;background:#f2ead8;box-shadow:0 14px 30px -18px rgba(44,42,38,.5)}.gr-env-body:before{content:"";position:absolute;inset:0;opacity:.8;background:linear-gradient(135deg,transparent 49.5%,#e6dcc4 50%,transparent 50.5%) no-repeat,linear-gradient(45deg,transparent 49.5%,#e6dcc4 50%,transparent 50.5%) no-repeat}.gr-env-to{position:absolute;left:22px;bottom:26px;text-align:left;font:600 15px/1.4 var(--font-display);color:#5a4d3a}.gr-env-to small{display:block;margin-top:2px;font:400 11px/1.4 var(--font-sans);letter-spacing:.06em;color:#8f8471}.gr-env-stamp{position:absolute;right:18px;top:78px;display:grid;place-items:center;width:38px;height:44px;border:1px dashed #b8a98a;border-radius:3px;background:#faf5e8}.gr-env-stamp img{width:28px;height:28px;object-fit:contain}.gr-env-flap{position:absolute;inset-inline:0;top:0;z-index:2;height:74px;border-radius:14px 14px 0 0;background:#eadfc7;clip-path:polygon(0 0,100% 0,50% 100%);transform-origin:top;transition:transform .55s cubic-bezier(.4,0,.2,1)}.gr-letter.is-open .gr-env-flap{transform:rotateX(180deg)}.gr-env-seal{position:absolute;left:50%;top:60px;z-index:3;display:grid;place-items:center;width:44px;height:44px;border-radius:50%;transform:translate(-50%,-50%);background:radial-gradient(circle at 35% 35%,#8a3c2f,#5e2419);box-shadow:0 3px 8px rgba(0,0,0,.3);font:700 12px/1 var(--font-display);color:#f7e6d3;transition:opacity .3s,transform .4s}.gr-letter.is-open .gr-env-seal{opacity:0;transform:translate(-50%,-50%) scale(.6)}.gr-lessons{padding:26px 22px 0}.gr-lessons-hd{display:flex;align-items:baseline;justify-content:space-between;margin-bottom:12px}.gr-lessons-hd h2{margin:0;font:700 16px/1 var(--font-display)}.gr-count{font-size:12px;color:var(--color-ink-faint);font-variant-numeric:tabular-nums}.gr-count b{font-weight:600;color:var(--color-brand-deep)}.gr-lessons ul{display:flex;flex-direction:column;gap:10px;margin:0;padding:0;list-style:none}.gr-lesson{display:flex;align-items:center;gap:14px;padding:14px 16px;border:1px solid var(--color-line);border-radius:18px;background:var(--color-surface);box-shadow:0 4px 18px rgba(33,78,56,.05);color:var(--color-ink);text-decoration:none;transition:transform .15s}a.gr-lesson:active{transform:scale(.985)}.gr-no{flex:0 0 30px;display:grid;place-items:center;width:30px;height:30px;border-radius:50%;background:var(--color-brand-soft);color:var(--color-brand-deep);font-size:12px;font-weight:600;font-variant-numeric:tabular-nums}.gr-lesson-text{flex:1;min-width:0}.gr-lesson-text strong{display:block;font-size:15px;font-weight:600;line-height:1.4}.gr-lesson-text small{display:flex;align-items:center;gap:5px;margin-top:5px;font-size:11.5px;color:var(--color-ink-faint);font-variant-numeric:tabular-nums}.gr-lesson-text small svg{width:12px;height:12px}.gr-go{flex:0 0 28px;display:grid;place-items:center;width:28px;height:28px;border-radius:50%;background:var(--color-brand-soft);color:var(--color-brand-deep)}.gr-go svg{width:14px;height:14px;fill:currentColor}.gr-lesson.is-soon{background:rgba(255,255,255,.55);box-shadow:none}.gr-lesson.is-soon .gr-no{background:transparent;border:1.5px dashed var(--color-line);color:var(--color-ink-faint)}.gr-lesson.is-soon strong{font-weight:500;color:var(--color-ink-faint)}.gr-lesson.is-soon .gr-go{background:transparent;color:var(--color-ink-faint)}.gr-lesson.is-soon .gr-go svg{width:16px;height:16px}.gr-empty{display:grid;place-items:center;padding:36px 0;color:var(--color-ink-faint)}.gr-empty svg{width:28px;height:28px}.gr-dir svg.is-line,.gr-letter svg.is-line{fill:none;stroke:currentColor;stroke-width:1.3;stroke-linecap:round;stroke-linejoin:round}@media (prefers-reduced-motion:reduce){.gr-chip-medal img,.gr-round.is-play.is-on svg{animation:none}.gr-dots button:before,.gr-env-flap,.gr-env-seal,.gr-envelope,.gr-letter-grow,.gr-paper{transition:none}}