:root{color:#17352d;font-family:var(--font-ui);font-synthesis:none;text-rendering:optimizelegibility;--font-ui:-apple-system, BlinkMacSystemFont, "Segoe UI", "Hiragino Sans", "Yu Gothic UI", "Yu Gothic", "Noto Sans CJK JP", "Noto Sans JP", ui-sans-serif, system-ui, sans-serif;--font-display:"Iowan Old Style", "Hiragino Mincho ProN", "Yu Mincho", "Noto Serif CJK JP", "Noto Serif JP", Georgia, serif;--font-japanese:"Hiragino Sans", "Yu Gothic UI", "Yu Gothic", "Noto Sans CJK JP", "Noto Sans JP", var(--font-ui);--text-xs:.8125rem;--text-sm:.875rem;--text-base:1rem;--text-md:1.0625rem;--text-lg:1.25rem;--text-xl:1.5rem;--text-2xl:2rem;--text-3xl:2.75rem;--leading-tight:1.08;--leading-heading:1.18;--leading-body:1.6;--space-1:.25rem;--space-2:.5rem;--space-3:.75rem;--space-4:1rem;--space-5:1.25rem;--space-6:1.5rem;--space-8:2rem;--space-10:2.5rem;--space-12:3rem;--radius-sm:.55rem;--radius-md:.8rem;--radius-lg:1rem;--radius-xl:1.5rem;--radius-round:999px;--ink:#17352d;--ink-strong:#0b2d25;--ink-soft:#52685f;--paper:#fffdf8;--paper-deep:#f5f1e8;--paper-muted:#f0ede5;--green:#174f43;--green-bright:#2f7766;--green-pale:#dcebe2;--green-soft:#edf5f0;--persimmon:#b4472e;--persimmon-hover:#963a26;--persimmon-pale:#f7ded5;--gold:#946a08;--gold-pale:#fbf3d9;--error:#8d2d22;--error-pale:#fbe4df;--line:#d8d4c9;--line-strong:#a9b1aa;--focus:#073c32;--focus-halo:#fffdf8;--shadow-sm:0 6px 18px #1f352c14;--shadow:0 22px 60px #1f352c1a;--shadow-raised:0 14px 34px #1f352c24;--content-max:76rem;--reading-max:42rem;--touch-target:2.75rem;--motion-fast:.14s;--motion-base:.22s;background:#f5f1e8}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:radial-gradient(circle at 92% 3%, #2f77661a, transparent 24rem), var(--paper-deep);min-height:100vh;font-family:var(--font-ui);font-size:var(--text-base);line-height:var(--leading-body);overflow-wrap:anywhere;margin:0}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid var(--focus);outline-offset:3px;box-shadow:0 0 0 6px var(--focus-halo)}[tabindex="-1"]:focus{outline:none}main[id]{scroll-margin-top:7rem}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;clip-path:inset(50%);width:1px;height:1px;position:absolute;overflow:hidden}.skip-link{z-index:100;color:#fff;background:var(--ink);border-radius:.6rem;padding:.8rem 1rem;position:fixed;top:.75rem;left:.75rem;transform:translateY(-150%)}.skip-link:focus{transform:translateY(0)}.app-shell{min-height:100vh}.site-header{z-index:50;width:100%;min-height:4.25rem;padding:.55rem max(.75rem, calc((100vw - var(--content-max)) / 2));justify-content:space-between;align-items:center;gap:var(--space-3);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#f6f1e7f7;border-bottom:1px solid #17352d21;display:flex;position:sticky;top:0}.site-header__actions{align-items:center;gap:var(--space-3);min-width:0;display:flex}.primary-nav{align-items:center;gap:var(--space-1)}.primary-nav>a{min-height:var(--touch-target);border-radius:var(--radius-round);color:var(--ink-soft);font-size:var(--text-sm);justify-content:center;align-items:center;padding:.65rem .8rem;font-weight:750;text-decoration:none;display:inline-flex}.primary-nav>a:hover{color:var(--green);background:var(--green-soft)}.primary-nav>a[aria-current=page]{color:#fff;background:var(--green)}.primary-nav--desktop{display:none}.menu-button{width:var(--touch-target);height:var(--touch-target);border:1px solid var(--line);border-radius:var(--radius-md);color:var(--ink);background:var(--paper);cursor:pointer;place-content:center;gap:.27rem;padding:.7rem;display:grid}.menu-button span{background:currentColor;border-radius:999px;width:1.25rem;height:2px;display:block}.shisho-trigger,.shisho-restore{min-width:var(--touch-target);min-height:var(--touch-target);border-radius:var(--radius-round);color:var(--green);background:var(--paper);cursor:pointer;font-size:var(--text-xs);border:1px solid #174f4347;font-weight:800}.shisho-trigger{width:var(--touch-target);height:var(--touch-target);justify-content:center;align-items:center;gap:.35rem;padding:0;display:inline-flex}.shisho-trigger[aria-expanded=true]{color:#fff;background:var(--green)}.shisho-trigger>span:first-child{font-family:var(--font-japanese);font-size:1.1rem}.shisho-trigger__label{display:none}.shisho-restore{padding-inline:var(--space-3)}.shisho-trigger--responsive{order:2}.site-header__actions{order:3}.shisho-panel{z-index:90;border-radius:var(--radius-xl) var(--radius-xl) 0 0;height:min(48vh,32rem);color:var(--ink);background:var(--paper);border:1px solid #174f433d;grid-template-rows:auto minmax(0,1fr) auto;display:grid;position:fixed;bottom:0;left:0;right:0;box-shadow:0 -18px 48px #17352d38}.shisho-panel__handle{background:var(--line);border-radius:999px;width:3rem;height:.25rem;position:absolute;top:.5rem;left:50%;transform:translate(-50%)}.shisho-panel__header{justify-content:space-between;align-items:center;gap:var(--space-3);border-bottom:1px solid var(--line);padding:1rem 1rem .75rem;display:flex}.shisho-panel__header>div{align-items:center;gap:.65rem;min-width:0;display:flex}.shisho-panel__header>div>span{color:#fff;background:var(--persimmon);width:2.3rem;height:2.3rem;font-family:var(--font-japanese);border-radius:.65rem;flex:none;place-items:center;display:grid}.shisho-panel__header strong,.shisho-panel__header small{display:block}.shisho-panel__header small{color:var(--ink-soft);font-size:.7rem}.shisho-panel__header>button{width:var(--touch-target);height:var(--touch-target);color:var(--ink);background:var(--paper-deep);cursor:pointer;border:0;border-radius:50%;flex:none;font-size:1.5rem}.shisho-panel__body{padding:var(--space-4);overscroll-behavior:contain;overflow-y:auto}.shisho-context,.shisho-answer{padding:var(--space-3);border-radius:var(--radius-lg);background:var(--green-soft);border:1px solid #174f432e}.shisho-context h2,.shisho-answer h3{font-family:var(--font-display);font-size:var(--text-lg);line-height:var(--leading-heading);margin:.45rem 0 0}.shisho-context p,.shisho-answer p{margin:.45rem 0 0}.shisho-trust{margin:var(--space-3) 0;color:var(--ink-soft);font-size:var(--text-xs)}.shisho-starters{gap:var(--space-2);display:grid}.shisho-starters>button{min-height:var(--touch-target);border:1px solid var(--line);border-radius:var(--radius-md);color:var(--ink);background:var(--paper);cursor:pointer;text-align:left;padding:.75rem .9rem;font-weight:750}.shisho-starters>button:hover{border-color:var(--green-bright);background:var(--green-soft)}.shisho-answer{gap:var(--space-2);margin-top:var(--space-3);background:var(--paper);display:grid}.shisho-answer .button{width:100%;margin-top:var(--space-2)}.shisho-answer__note,.shisho-answer small{color:var(--ink-soft);font-size:var(--text-xs)}.shisho-provenance{border-radius:var(--radius-round);width:fit-content;color:var(--green);background:var(--green-pale);padding:.25rem .55rem;font-size:.7rem;font-weight:800;display:inline-flex}.shisho-provenance--fallback{color:#6a4d06;background:var(--gold-pale)}.shisho-provenance--live{color:#fff;background:var(--green)}.shisho-verified-answer{align-items:center;gap:var(--space-2);padding-top:var(--space-2);border-top:1px solid var(--line);flex-wrap:wrap;display:flex}.shisho-settings-row{padding:.75rem 1rem max(.75rem, env(safe-area-inset-bottom));justify-content:space-between;align-items:center;gap:var(--space-3);border-top:1px solid var(--line);background:var(--paper-deep);display:flex}.shisho-settings-row strong,.shisho-settings-row small{display:block}.shisho-settings-row small{color:var(--ink-soft);font-size:var(--text-xs)}.shisho-switch{background:var(--line);cursor:pointer;border:0;border-radius:999px;flex:none;width:3.2rem;height:1.9rem;position:relative}.shisho-switch span{width:1.5rem;height:1.5rem;transition:transform var(--motion-fast) ease;background:#fff;border-radius:50%;position:absolute;top:.2rem;left:.2rem;box-shadow:0 2px 8px #17352d33}.shisho-switch[aria-checked=true]{background:var(--green-bright)}.shisho-switch[aria-checked=true] span{transform:translate(1.3rem)}@media (width<=79.99rem){.app-shell--guide-open>main,.demo-shell.app-shell--guide-open>.demo-page{overscroll-behavior:contain;max-height:calc(52vh - 4.75rem);overflow-y:auto}.demo-shell.app-shell--guide-open>.demo-page{max-height:calc(52vh - 11rem)}}.mobile-navigation{padding:var(--space-3);border:1px solid var(--line);border-radius:var(--radius-lg);background:var(--paper);box-shadow:var(--shadow-raised);position:absolute;top:calc(100% + .35rem);left:.75rem;right:.75rem}.primary-nav--mobile{display:grid}.primary-nav--mobile>a{justify-content:flex-start;width:100%}.mobile-navigation>p{margin:var(--space-2) var(--space-2) 0;padding-top:var(--space-2);border-top:1px solid var(--line);color:var(--ink-soft);font-size:var(--text-xs)}.brand{color:var(--ink);align-items:center;gap:.6rem;text-decoration:none;display:inline-flex}.brand-mark{width:var(--touch-target);height:var(--touch-target);color:#fffaf0;background:var(--persimmon);font-family:var(--font-japanese);border-radius:.65rem .65rem .65rem .15rem;flex:none;place-items:center;font-size:1.25rem;display:grid;box-shadow:0 8px 18px #993c2738}.brand strong,.brand small{display:block}.brand strong{font-family:var(--font-display);letter-spacing:-.02em;font-size:1rem}.brand small{color:var(--ink-soft);font-size:var(--text-xs);margin-top:.1rem}.verified-mark{color:var(--green);font-size:var(--text-xs);align-items:center;gap:.4rem;font-weight:700;line-height:1.15;display:inline-flex}.verified-mark>span:first-child{color:#fff;background:var(--green-bright);border-radius:50%;place-items:center;width:1.25rem;height:1.25rem;display:grid}.verified-mark__label,.verified-mark__optional{display:inline}@media (width<=27rem){.verified-mark{display:none}}.setup-page,.lesson-page,.results-page,.feedback-source{gap:var(--space-1);padding:var(--space-3) var(--space-4);border-radius:var(--radius-md);color:var(--ink);background:var(--green-soft);font-size:var(--text-sm);border:1px solid #174f4333;display:grid}.feedback-source span{color:var(--ink-soft)}.feedback-source--simulated{background:var(--gold-pale);border-color:#9a6f0a40}.feedback-source--fallback{background:var(--persimmon-pale);border-color:#b4472e38}.demo-shell{min-height:100vh;padding-bottom:var(--space-8)}.demo-page-controls{width:min(100% - 2rem,62rem);margin:var(--space-3) auto 0;justify-content:flex-end;gap:var(--space-2);flex-wrap:wrap;display:flex}.demo-page-controls .button{padding-inline:var(--space-3);font-size:var(--text-xs);text-decoration:none}.demo-progress{width:min(100% - 2rem,48rem);margin:var(--space-3) auto 0;align-items:center;gap:var(--space-3);color:var(--ink-soft);font-size:var(--text-xs);grid-template-columns:auto minmax(8rem,1fr);font-weight:750;display:grid}.demo-page{width:min(100% - 2rem,62rem);margin:var(--space-3) auto 0}.demo-intro,.demo-card,.demo-mission,.demo-results{border-radius:var(--radius-xl);background:var(--paper);box-shadow:var(--shadow);border:1px solid #17352d21;padding:clamp(1.25rem,5vw,3rem)}.demo-intro{background:radial-gradient(circle at 90% 10%, #2f776626, transparent 17rem), var(--paper);align-content:center;min-height:min(28rem,100vh - 13rem)}.demo-intro h1,.demo-card>h1,.demo-mission>h1,.demo-results>h1{max-width:50rem;margin:var(--space-3) 0;font-family:var(--font-display);letter-spacing:-.04em;font-size:clamp(2.1rem,6vw,3.2rem);line-height:1.02}.demo-intro>p:not(.eyebrow),.demo-card>p:not(.eyebrow,.demo-cue),.demo-mission>p:not(.eyebrow),.demo-results>p:not(.eyebrow){max-width:45rem;color:var(--ink-soft);font-size:var(--text-md)}.demo-intro>.button{margin-top:var(--space-6)}.demo-trust-line{margin-top:var(--space-5);gap:var(--space-2);flex-wrap:wrap;display:flex}.demo-trust-line>*{padding:var(--space-2) var(--space-3);border-radius:var(--radius-round);color:var(--green);background:var(--green-soft);font-size:var(--text-xs);border:1px solid #174f4326}.demo-kanji-row{margin:var(--space-6) 0;gap:var(--space-2);grid-template-columns:repeat(5,1fr);display:grid}.demo-kanji-row span{border-radius:var(--radius-md);min-height:4rem;color:var(--ink);background:var(--green-soft);font-family:var(--font-japanese);border:1px solid #174f4333;place-items:center;font-size:clamp(1.75rem,8vw,3.25rem);display:grid}.demo-preview-grid{margin-bottom:var(--space-5);border:1px solid var(--line);border-radius:var(--radius-lg);display:grid;overflow:hidden}.demo-preview-grid>div{padding:clamp(1rem,4vw,2rem)}.demo-preview-grid h2{margin:var(--space-2) 0;font-family:var(--font-display);font-size:var(--text-2xl)}.demo-cue{padding:var(--space-3) var(--space-4);border-left:4px solid var(--gold);color:#6a4d06;background:var(--gold-pale);font-size:var(--text-sm)}.demo-choices{gap:var(--space-3);margin-top:var(--space-5);display:grid}.demo-choice{min-height:7rem;padding:var(--space-4);border:2px solid var(--line);border-radius:var(--radius-lg);color:var(--ink);background:var(--paper);cursor:pointer;transition:border-color var(--motion-fast) ease, transform var(--motion-fast) ease, background var(--motion-fast) ease;place-items:center;display:grid}.demo-choice:hover{border-color:var(--green-bright);background:var(--green-soft);transform:translateY(-2px)}.demo-choice>span{font-family:var(--font-japanese);font-size:clamp(2.5rem,12vw,5rem);line-height:1}.demo-choice small{color:var(--ink-soft);font-size:var(--text-sm)}.demo-feedback,.demo-detour,.demo-next-step{margin-top:var(--space-5);padding:var(--space-4);border-radius:var(--radius-lg);background:var(--green-soft);border:1px solid #174f4333}.demo-feedback h2,.demo-next-step h2{margin:var(--space-3) 0 var(--space-2);font-family:var(--font-display);font-size:var(--text-2xl)}.demo-hint{margin-top:var(--space-5);align-items:center;gap:var(--space-3);flex-wrap:wrap;display:flex}.demo-hint p{color:var(--ink-soft);margin:0}.demo-card--feedback{max-width:48rem;margin-inline:auto}.demo-card--feedback>.button{margin-top:var(--space-5)}.demo-mission{background:linear-gradient(135deg, #dcebe2bf, transparent 70%), var(--paper)}.demo-route{margin-top:var(--space-5);padding:var(--space-4);justify-content:center;align-items:center;gap:var(--space-3);border-radius:var(--radius-lg);color:var(--ink-soft);background:#fffdf8b8;border:1px solid #174f432e;flex-wrap:wrap;display:flex}.demo-route strong{color:var(--ink)}.demo-route>span[aria-hidden]{color:var(--persimmon);font-size:var(--text-2xl);font-weight:800}.demo-review-grid{gap:var(--space-3);margin-top:var(--space-5);display:grid}.demo-review-grid>div{padding:var(--space-4);border:1px solid var(--line);border-radius:var(--radius-lg);background:var(--paper-muted)}.demo-review-grid span,.demo-review-grid strong{display:block}.demo-review-grid span{color:var(--ink-soft);font-size:var(--text-xs);text-transform:uppercase;font-weight:750}.demo-review-grid strong{margin-top:var(--space-2);font-size:var(--text-lg)}.demo-results .results-actions{margin-top:var(--space-5)}.demo-results .results-actions a{text-align:center;text-decoration:none}.state-page{width:min(calc(100% - 2rem), var(--content-max));margin-inline:auto}.setup-page{gap:var(--space-4);width:min(100% - 2rem,76rem);max-width:76rem;padding-inline:0;padding-bottom:var(--space-8);font-size:var(--text-base);background:0 0;border:0;border-radius:0;margin-inline:auto}.home-overview{gap:var(--space-5);padding-block:clamp(1.5rem, 4vw, 3rem) var(--space-2);display:grid}.hero-panel{align-content:center}.eyebrow,.step-label,.panel-kicker{color:var(--persimmon);font-size:var(--text-xs);letter-spacing:.13em;text-transform:uppercase;margin:0;font-weight:700}.hero-panel h1,.results-card>h1,.state-page h1{font-family:var(--font-display);letter-spacing:-.045em;margin:.75rem 0 1.15rem;font-size:clamp(2.2rem,6vw,3.2rem);font-weight:600;line-height:1}.hero-panel h1 span{color:var(--green-bright);font-style:italic;font-weight:500;display:block}.hero-intro{max-width:42rem;color:var(--ink-soft);margin:0;font-size:clamp(1.05rem,3.8vw,1.25rem);line-height:1.7}.trust-row{flex-wrap:wrap;gap:.55rem;margin-top:1.5rem;display:flex}.hero-actions{align-items:center;gap:var(--space-3);margin-top:var(--space-5);flex-wrap:wrap;display:flex}.hero-actions a:not(.button){min-height:var(--touch-target);color:var(--green);font-size:var(--text-sm);padding:.65rem 0;font-weight:750}.hero-audience{max-width:42rem;margin:var(--space-4) 0 0;color:var(--ink-soft);font-size:var(--text-sm)}.next-step-card,.home-start-card{border-radius:var(--radius-xl);background:radial-gradient(circle at 100% 0%, #2f77662e, transparent 13rem), var(--paper);box-shadow:var(--shadow-raised);border:1px solid #174f4333;align-content:center;padding:clamp(1.25rem,5vw,2rem);display:grid}.next-step-card h2,.home-start-card h2{margin:var(--space-2) 0;font-family:var(--font-display);letter-spacing:-.035em;font-size:clamp(1.85rem,7vw,2.7rem);line-height:var(--leading-heading)}.next-step-card>p:not(.step-label),.home-start-card>p:not(.step-label){color:var(--ink-soft);margin:0}.next-step-card>small{margin-top:var(--space-2);color:var(--green);font-size:var(--text-xs);font-weight:750}.next-step-card__actions{gap:var(--space-2);margin-top:var(--space-5);display:grid}.home-start-card .button{text-align:center;text-decoration:none}.home-page .hero-panel{max-width:43rem}.home-start-card{justify-self:end;width:100%;max-width:30rem}.home-start-card h2{max-width:23rem;font-size:clamp(1.75rem,5vw,2.3rem)}.learning-paths--page .learning-paths__content{border-top:0;padding-top:0}.text-link{width:fit-content;min-height:var(--touch-target);margin-top:var(--space-2);padding-block:var(--space-2);color:var(--green);font-size:var(--text-sm);font-weight:750}.trust-panel{border-radius:var(--radius-xl);background:var(--green-soft);box-shadow:var(--shadow-sm);border:1px solid #17352d1f;margin:0;padding:clamp(1.25rem,4vw,2rem)}.trust-panel__heading h2{max-width:48rem;margin:var(--space-2) 0 0;font-family:var(--font-display);font-size:clamp(1.6rem,5vw,2.35rem);line-height:var(--leading-heading)}.trust-panel__grid{gap:var(--space-3);margin-top:var(--space-5);display:grid}.trust-panel__grid article{padding:var(--space-4);border-radius:var(--radius-lg);background:#fffdf8b8;border:1px solid #174f4329}.trust-panel__grid article>span{color:#fff;background:var(--green-bright);border-radius:50%;place-items:center;width:2.25rem;height:2.25rem;font-weight:800;display:grid}.trust-panel__grid h3{margin:var(--space-3) 0 var(--space-1);font-family:var(--font-display);font-size:var(--text-xl)}.trust-panel__grid p,.trust-panel__status{color:var(--ink-soft);font-size:var(--text-sm);margin:0}.trust-panel__status{margin-top:var(--space-4);padding-top:var(--space-4);border-top:1px solid #174f4329}.trust-row span,.content-pill,.ready-pill{border-radius:var(--radius-round);min-height:2rem;color:var(--green);font-size:var(--text-xs);background:#fffdf89e;border:1px solid #17352d2b;align-items:center;padding:.25rem .7rem;font-weight:700;display:inline-flex}.hero-kanji{border-radius:var(--radius-xl) var(--radius-xl) var(--radius-xl) var(--radius-sm);min-height:11rem;box-shadow:var(--shadow);background-color:#e6eee7;background-image:linear-gradient(#17352d12 1px,#0000 1px),linear-gradient(90deg,#17352d12 1px,#0000 1px),none;background-position:0 0,0 0,0 0;background-repeat:repeat,repeat,repeat;background-size:50% 50%;background-attachment:scroll,scroll,scroll;background-origin:padding-box,padding-box,padding-box;background-clip:border-box,border-box,border-box;border:1px solid #17352d1f;place-items:center;display:grid;position:relative;overflow:hidden}.hero-kanji:before,.stroke-canvas:before{content:"";background:#d45b3e33;width:1px;height:100%;position:absolute;transform:rotate(45deg)}.hero-kanji__main{z-index:1;color:var(--ink);font-family:var(--font-japanese);font-size:clamp(6rem,28vw,9rem);line-height:1}.hero-kanji__ghost{color:#174f4314;font-family:var(--font-japanese);font-size:9rem;position:absolute;bottom:-2.8rem;right:-.6rem}.hero-kanji__caption{color:#fff;background:var(--green);font-size:var(--text-xs);border-radius:999px;padding:.4rem .7rem;font-weight:700;position:absolute;bottom:1rem;right:1rem}.setup-card,.study-card,.practice-card,.results-card{border-radius:var(--radius-xl);background:var(--paper);box-shadow:var(--shadow);border:1px solid #17352d1f}.setup-card{padding:0}.learning-paths>summary,.lesson-customizer>summary,.progress-management>summary{min-height:var(--touch-target);padding:var(--space-4);justify-content:space-between;align-items:center;gap:var(--space-3);color:var(--ink);cursor:pointer;list-style:none;display:flex}.learning-paths>summary::-webkit-details-marker{display:none}.lesson-customizer>summary::-webkit-details-marker{display:none}.progress-management>summary::-webkit-details-marker{display:none}.learning-paths>summary:after,.lesson-customizer>summary:after,.progress-management>summary:after{color:var(--green);content:"+";font-size:var(--text-xl);flex:none;font-weight:700}.learning-paths[open]>summary:after,.lesson-customizer[open]>summary:after,.progress-management[open]>summary:after{content:"−"}.learning-paths>summary>span,.learning-paths>summary strong,.learning-paths>summary small,.lesson-customizer>summary strong,.lesson-customizer>summary small{display:block}.learning-paths>summary strong{margin-top:var(--space-1);font-family:var(--font-display);font-size:var(--text-xl)}.learning-paths>summary>small,.lesson-customizer>summary small{color:var(--ink-soft);font-size:var(--text-xs);margin-left:auto}.learning-paths__content{padding:0 var(--space-4) var(--space-4);border-top:1px solid var(--line)}.learning-paths__content>.section-heading{padding-top:var(--space-5)}.lesson-customizer,.progress-management{margin-top:var(--space-4);border:1px solid var(--line);border-radius:var(--radius-lg);background:var(--paper-muted)}.lesson-customizer>summary,.progress-management>summary{padding:var(--space-3) var(--space-4)}.lesson-customizer .configuration-grid{padding:0 var(--space-3) var(--space-3);margin-top:0}.progress-management>p,.progress-management>.button{margin:0 var(--space-4) var(--space-4)}.progress-management>p{color:var(--ink-soft);font-size:var(--text-sm)}.section-heading{gap:.65rem;margin-bottom:1.25rem;display:grid}.section-heading h2,.facts-panel h2,.stroke-panel h2,.review-panel h2{font-family:var(--font-display);letter-spacing:-.035em;margin:.28rem 0 0;font-size:clamp(1.45rem,5vw,2rem)}.section-heading>p{color:var(--ink-soft);font-size:var(--text-sm);line-height:var(--leading-body);margin:0}.grade-grid{gap:var(--space-3);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.grade-card{text-align:left;border:1px solid var(--line);border-radius:var(--radius-lg);min-height:6.25rem;color:var(--ink);background:#faf8f2;padding:.85rem;scroll-margin-top:9rem;display:grid;position:relative}.grade-card:disabled{opacity:.58}.grade-card--selected{border:2px solid var(--green-bright);background:var(--green-pale);box-shadow:inset 0 0 0 3px var(--paper)}.grade-card__topline{justify-content:space-between;align-items:flex-start;gap:var(--space-1);color:var(--ink-soft);font-size:var(--text-xs);letter-spacing:.08em;text-transform:uppercase;font-weight:700;display:flex}.ready-pill{color:#fff;background:var(--green-bright);letter-spacing:0;text-transform:none;white-space:nowrap;min-height:auto;padding:.15rem .4rem;font-size:.75rem}.grade-card>strong{font-family:var(--font-display);align-self:end;margin-top:.7rem;font-size:1.4rem;line-height:1}.grade-card>small,.grade-card__note{color:var(--ink-soft);font-size:var(--text-xs)}.grade-card__note{margin-top:.7rem;display:none}.grade-progress{color:var(--green-bright);font-size:var(--text-xs);margin-top:.35rem;font-weight:700}.configuration-grid{gap:1rem;margin-top:1.25rem;display:grid}.option-group{border:1px solid var(--line);border-radius:1rem;min-width:0;margin:0;padding:1rem}.option-group legend{font-family:var(--font-display);font-size:var(--text-md);padding:0 .4rem;font-weight:700}.option-group legend .step-label{font-family:var(--font-ui);margin-bottom:.2rem;display:block}.segmented-control,.mode-control{gap:.5rem;display:grid}.segmented-control{grid-template-columns:repeat(4,1fr)}.segment,.mode-option{border:1px solid var(--line);min-height:3.5rem;color:var(--ink);cursor:pointer;background:#faf8f2;border-radius:.75rem;padding:.65rem}.segment strong,.segment small,.mode-option strong,.mode-option small{display:block}.segment strong{font-family:var(--font-display);font-size:1.2rem}.segment small,.mode-option small{color:var(--ink-soft);font-size:var(--text-xs);margin-top:.12rem}.segment--selected,.mode-option--selected{border-color:var(--green-bright);background:var(--green-pale);box-shadow:inset 0 0 0 1px var(--green-bright)}.mode-control{grid-template-columns:1fr 1fr}.mode-option{text-align:left;grid-template-columns:auto 1fr;align-items:center;gap:.55rem;display:grid}.mode-option>span:first-child{color:#fff;background:var(--green);width:2rem;height:2rem;font-family:var(--font-japanese);border-radius:.55rem;place-items:center;display:grid}.resume-card{background:var(--green-pale);border:1px solid #2f776647;border-radius:1rem;gap:1rem;margin-top:1.25rem;padding:1rem;display:grid}.resume-card strong,.resume-card small{display:block}.resume-card strong{font-family:var(--font-display);margin-top:.5rem}.resume-card small{color:var(--ink-soft);font-size:var(--text-sm);margin-top:.25rem}.action-error{color:#7a3022;background:var(--persimmon-pale);font-size:var(--text-sm);border:1px solid #d45b3e59;border-radius:.8rem;margin:1rem 0 0;padding:.85rem 1rem}.button,.icon-button,.leave-button,.hint-button{min-height:var(--touch-target);cursor:pointer;transition:transform var(--motion-fast) ease, box-shadow var(--motion-fast) ease, background var(--motion-fast) ease;border:0;border-radius:.8rem;font-weight:700}.button{justify-content:center;align-items:center;gap:.5rem;padding:.78rem 1rem;display:inline-flex}.button:not(:disabled):hover,.icon-button:not(:disabled):hover,.answer-button:not(:disabled):hover{transform:translateY(-2px)}.button:disabled,.icon-button:disabled,.hint-button:disabled{cursor:not-allowed;opacity:.45}.button--primary{color:#fff;background:var(--persimmon);box-shadow:0 8px 20px #993c273b}.button--primary:not(:disabled):hover{background:var(--persimmon-hover)}.button--quiet{color:var(--ink);background:#ebe7dc}.button--dark{color:#fff;background:var(--green)}.button--danger{color:#fff;background:var(--error)}.button--small{min-height:var(--touch-target);font-size:var(--text-xs);padding:.55rem .8rem}.source-note{color:var(--ink-soft);font-size:var(--text-xs);text-align:center;margin:1.2rem 0 3.5rem;line-height:1.5}.lesson-topbar{gap:1rem;padding:1.25rem 0;display:grid}.lesson-topbar strong{font-family:var(--font-display);margin-top:.2rem;font-size:1.25rem;display:block}.topbar-progress{color:var(--ink-soft);font-size:var(--text-xs);gap:.35rem;display:grid}.progress-track{background:#dedacf;border-radius:999px;height:.5rem;position:relative;overflow:hidden}.progress-track span{border-radius:inherit;background:var(--green-bright);transition:width .25s;position:absolute;inset:0 auto 0 0}.leave-button{min-height:var(--touch-target);color:var(--ink-soft);border:1px solid var(--line);background:0 0;padding:.55rem .8rem}.lesson-layout{gap:1rem;padding-bottom:3.5rem;display:grid}.lesson-rail{scrollbar-width:thin;background:#fffdf8a6;border:1px solid #17352d1f;border-radius:1rem;padding:.85rem;overflow-x:auto}.lesson-rail>.step-label{margin:0 0 .7rem .25rem}.lesson-rail ol{gap:.5rem;min-width:max-content;margin:0;padding:0;list-style:none;display:flex}.rail-item{width:10rem;color:var(--ink-soft);border:1px solid #0000;border-radius:.75rem;grid-template-columns:auto auto 1fr;align-items:center;gap:.55rem;padding:.65rem;display:grid}.rail-item--active{color:var(--ink);background:var(--green-pale);border-color:#2f77664d}.rail-number{color:#fff;background:var(--green-bright);width:1.35rem;height:1.35rem;font-size:var(--text-xs);border-radius:50%;place-items:center;font-weight:700;display:grid}.rail-kanji{font-family:var(--font-japanese);font-size:1.65rem}.rail-item strong,.rail-item small{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.rail-item strong{font-size:var(--text-xs);text-transform:capitalize}.rail-item small{font-size:var(--text-xs);margin-top:.12rem}.study-card,.practice-card{overflow:hidden}.study-card__heading{color:#fff;background:var(--green);gap:1rem;padding:1.25rem;display:grid}.study-card__heading h1{font-family:var(--font-japanese);margin:.5rem 0 0;font-size:clamp(5.5rem,28vw,9rem);font-weight:500;line-height:.9}.study-card__heading .content-pill{color:#fff;background:#ffffff1a;border-color:#ffffff47}.meaning-block{align-self:end}.meaning-block p,.meaning-block span,.meaning-block strong{display:block}.meaning-block p{color:#ffffff9e;font-size:var(--text-xs);letter-spacing:.1em;text-transform:uppercase;margin:0 0 .35rem;font-weight:700}.meaning-block strong{font-family:var(--font-display);text-transform:capitalize;font-size:clamp(1.6rem,7vw,2.5rem)}.meaning-block span{color:#ffffffb8;font-size:var(--text-xs);margin-top:.4rem}.hiragana-summary{grid-template-columns:1fr 1fr;align-self:end;gap:.75rem;display:grid}.hiragana-summary>div{background:#ffffff14;border:1px solid #ffffff38;border-radius:.8rem;min-width:0;padding:.85rem}.hiragana-summary p,.hiragana-summary strong,.hiragana-summary span{display:block}.study-mobile-advance{align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);background:var(--green-pale);border-bottom:1px solid #17352d26;grid-template-columns:minmax(0,1fr) auto;display:grid}.study-mobile-advance>span,.study-mobile-advance strong,.study-mobile-advance small{display:block}.study-mobile-advance strong{font-size:var(--text-sm)}.study-mobile-advance small{color:var(--ink-soft);font-size:var(--text-xs);margin-top:.15rem}.study-mobile-advance .button{min-width:8.75rem}.hiragana-summary p{color:#ffffffb3;font-size:var(--text-xs);letter-spacing:.08em;text-transform:uppercase;margin:0;font-weight:700}.hiragana-summary strong{font-family:var(--font-display);margin-top:.28rem;font-size:1.8rem;line-height:1}.hiragana-summary span{color:#ffffffb3;font-size:var(--text-xs);margin-top:.35rem}.study-grid{display:grid}.facts-panel,.stroke-panel{padding:1.25rem}.facts-panel{border-bottom:1px solid var(--line)}.reading-list{gap:.65rem;margin:1rem 0;display:grid}.reading-list div{background:#f4f1e9;border-radius:.75rem;padding:.85rem}.reading-list dt{color:var(--ink-soft);font-size:var(--text-xs);letter-spacing:.08em;text-transform:uppercase;font-weight:700}.reading-list dd{font-family:var(--font-japanese);margin:.25rem 0 0;font-size:1.05rem}.reading-pair small{color:var(--ink-soft);font-family:var(--font-ui);font-size:var(--text-xs);margin-left:.22rem;font-weight:600}.word-example{background:var(--persimmon-pale);border:1px solid #d45b3e38;border-radius:.8rem;align-items:center;gap:.85rem;padding:.85rem;display:flex}.word-example__kanji{font-family:var(--font-japanese);font-size:2rem}.word-example strong,.word-example small{display:block}.word-example small{color:var(--ink-soft);font-size:var(--text-xs);margin-top:.15rem}.special-mark-note{border-radius:var(--radius-md);background:var(--gold-pale);border:1px solid #9a6f0a40;margin-top:.65rem;padding:.8rem}.special-mark-note>div{align-items:start;gap:var(--space-2);grid-template-columns:2.5rem minmax(0,1fr);display:grid}.special-mark-note>div+div{margin-top:var(--space-2);padding-top:var(--space-2);border-top:1px solid #9a6f0a33}.special-mark-note>div>span{border-radius:var(--radius-sm);color:#fff;background:var(--gold);width:2.5rem;height:2.5rem;font-family:var(--font-japanese);font-size:var(--text-xl);place-items:center;font-weight:800;display:grid}.special-mark-note p{color:var(--ink-soft);font-size:var(--text-xs);margin:0;line-height:1.55}.special-mark-note strong{color:var(--ink);display:block}.grounding-note{color:var(--ink-soft);font-size:var(--text-xs);gap:.45rem;margin:1rem 0 0;line-height:1.5;display:flex}.grounding-note span{color:var(--green-bright);font-weight:700}.pronunciation-audio{background:var(--green-pale);border:1px solid #2f776638;border-radius:.8rem;margin-top:.8rem;padding:.85rem}.pronunciation-audio__controls{gap:.55rem;display:grid}.sound-toggle,.listen-button{min-height:var(--touch-target);border:1px solid var(--green-bright);color:var(--green);background:var(--paper);cursor:pointer;border-radius:.7rem;justify-content:center;align-items:center;gap:.45rem;padding:.65rem .8rem;font-weight:750;display:inline-flex}.sound-toggle[aria-pressed=true]{color:#fff;background:var(--green)}.sound-toggle:disabled,.listen-button:disabled{cursor:not-allowed;opacity:.48}.pronunciation-audio__status{color:var(--ink-soft);font-size:var(--text-xs);margin:.6rem 0 0;line-height:1.45}.stroke-canvas,.stroke-fallback{aspect-ratio:1;width:min(100%,21rem);color:var(--ink);background-color:#f7f4ed;background-image:linear-gradient(#17352d14 1px,#0000 1px),linear-gradient(90deg,#17352d14 1px,#0000 1px),none;background-position:0 0,0 0,0 0;background-repeat:repeat,repeat,repeat;background-size:50% 50%;background-attachment:scroll,scroll,scroll;background-origin:padding-box,padding-box,padding-box;background-clip:border-box,border-box,border-box;border:1px solid #17352d21;border-radius:1rem;place-items:center;margin:1rem auto;display:grid;position:relative;overflow:hidden}.stroke-canvas svg{z-index:1;width:88%;height:88%}.stroke-loading{color:var(--ink-soft);font-size:var(--text-sm)}.stroke-path{opacity:.08;stroke-dasharray:1;stroke-dashoffset:1px}.stroke-path--visible{opacity:1;stroke-dashoffset:0}.stroke-path--current{opacity:1;stroke:var(--persimmon);animation:.6s linear forwards draw-stroke}@keyframes draw-stroke{0%{stroke-dashoffset:1px}to{stroke-dashoffset:0}}.stroke-counter{z-index:2;color:#fff;background:var(--green);font-size:var(--text-xs);border-radius:999px;padding:.25rem .45rem;font-weight:700;position:absolute;bottom:.6rem;right:.6rem}.stroke-controls,.stroke-controls__playback,.stroke-controls__steps{gap:var(--space-2);display:grid}.stroke-controls__playback{grid-template-columns:repeat(2,minmax(0,1fr))}.stroke-controls__steps{grid-template-columns:repeat(3,minmax(0,1fr))}.motion-note{margin:0 0 var(--space-3);padding:var(--space-3);border-radius:var(--radius-md);color:var(--ink-soft);background:var(--green-soft);font-size:var(--text-xs)}.stroke-fallback{gap:.2rem}.stroke-fallback span{font-family:var(--font-japanese);font-size:7rem}.stroke-fallback small{color:var(--ink-soft)}.study-actions,.practice-actions{border-top:1px solid var(--line);background:#faf8f2;justify-content:space-between;gap:.65rem;padding:1rem 1.25rem;display:flex}.practice-card{padding:1.25rem}.question-meta{color:var(--ink-soft);font-size:var(--text-xs);flex-wrap:wrap;align-items:center;gap:.6rem;display:flex}.score-label{color:var(--green);margin-left:auto;font-weight:700}.question-hero{font-family:var(--font-japanese);text-align:center;margin:1.5rem auto .8rem;font-size:clamp(5rem,25vw,8rem);line-height:1}.practice-card>h1{max-width:38rem;font-family:var(--font-display);letter-spacing:-.035em;text-align:center;margin:0 auto;font-size:clamp(1.65rem,6vw,2.4rem);line-height:1.28}.question-instruction{color:var(--ink-soft);font-size:var(--text-sm);text-align:center;margin:.6rem 0 1.25rem}.answer-grid{gap:.65rem;max-width:42rem;margin-inline:auto;display:grid}.answer-button{text-align:left;border:1px solid var(--line);min-height:3.6rem;color:var(--ink);cursor:pointer;transition:transform var(--motion-fast) ease, border var(--motion-fast) ease, background var(--motion-fast) ease;background:#fff;border-radius:.85rem;justify-content:space-between;align-items:center;padding:.85rem 1rem;font-weight:600;display:flex}.answer-button--selected{border-color:var(--persimmon);background:var(--persimmon-pale)}.answer-button--incorrect{color:var(--error);border-color:var(--error);background:var(--error-pale)}.answer-state{color:#fff;background:var(--green-bright);border-radius:50%;flex:none;place-items:center;width:1.6rem;height:1.6rem;font-weight:800;display:inline-grid}.answer-button--incorrect .answer-state{background:var(--error)}.answer-button--correct{border-color:var(--green-bright);background:var(--green-pale)}.hint-button{color:#5e4408;background:#f5e6b8;justify-content:center;align-items:center;gap:.5rem;width:100%;max-width:42rem;margin:.8rem auto 0;display:flex}.hint-card,.feedback-card,.success-card{border-radius:.85rem;max-width:42rem;margin:.8rem auto 0;padding:1rem}.hint-card{background:#fbf3d9;border:1px solid #d7a93459}.hint-card p,.feedback-card p,.success-card p{font-size:var(--text-sm);margin:.35rem 0 0;line-height:1.55}.feedback-card{background:var(--persimmon-pale);border:1px solid #d45b3e38}.feedback-card__topline{flex-wrap:wrap;justify-content:space-between;gap:.4rem;display:flex}.feedback-card__topline span,.feedback-card small{color:#6d3c31;font-size:var(--text-xs)}.success-card{background:var(--green-pale);border:1px solid #2f776642;gap:.75rem;display:flex}.success-card>span{color:#fff;background:var(--green-bright);border-radius:50%;flex:none;place-items:center;width:1.8rem;height:1.8rem;display:grid}.practice-actions{margin:1.25rem -1.25rem -1.25rem}.answer-actions{gap:var(--space-2);max-width:42rem;margin:var(--space-3) auto 0;display:grid}.answer-actions .button{width:100%}.answer-actions .hint-button{margin:0}.response-zone{min-height:8rem}.results-page{padding-block:2rem 4rem}.results-card{text-align:center;max-width:48rem;margin-inline:auto;padding:1.5rem}.results-seal{color:#fff;background:var(--green);width:5rem;height:5rem;font-family:var(--font-japanese);border-radius:1.2rem 1.2rem 1.2rem .3rem;place-items:center;margin:1rem auto;font-size:2.5rem;display:grid;box-shadow:0 12px 24px #174f4333}.results-card>h1{max-width:36rem;margin-inline:auto;font-size:clamp(2.2rem,8vw,4rem)}.results-intro{max-width:34rem;color:var(--ink-soft);margin:0 auto;line-height:1.65}.score-panel{gap:.7rem;margin:1.5rem 0;display:grid}.score-panel>div{background:#f3f0e8;border-radius:1rem;padding:1.25rem}.score-panel span,.score-panel small,.score-panel strong{display:block}.score-panel span{color:var(--ink-soft);font-size:var(--text-xs);letter-spacing:.09em;text-transform:uppercase;font-weight:700}.score-panel strong{font-family:var(--font-display);margin:.3rem 0;font-size:2.8rem}.score-panel small{color:var(--ink-soft)}.review-panel{border:1px solid var(--line);text-align:left;border-radius:1rem;padding:1.25rem}.area-summary{text-align:left;gap:.7rem;margin-bottom:1rem;display:grid}.area-summary>div{border-left:4px solid var(--green-bright);background:var(--green-pale);border-radius:.2rem .8rem .8rem .2rem;padding:1rem}.area-summary span,.area-summary strong{display:block}.area-summary span{color:var(--ink-soft);font-size:var(--text-xs);letter-spacing:.08em;text-transform:uppercase;font-weight:700}.area-summary strong{margin-top:.25rem}.review-kanji{flex-wrap:wrap;gap:.45rem;margin-top:1rem;display:flex}.review-kanji span{background:var(--green-pale);width:3rem;height:3rem;font-family:var(--font-japanese);border-radius:.65rem;place-items:center;font-size:1.5rem;display:grid}.results-actions{gap:.6rem;margin-top:1.25rem;display:grid}.mission-hub,.scenario-page,.mission-results{width:min(calc(100% - 2rem), var(--content-max));margin-inline:auto}.mission-hub h1,.mission-card h2,.scenario-decision h1,.mission-results h1,.mission-evidence h2{font-family:var(--font-display);line-height:var(--leading-heading);margin:0}.marks-lesson-page{width:min(100% - 2rem,76rem);padding:var(--space-5) 0 var(--space-10);margin-inline:auto}.marks-lesson-topbar{padding-bottom:var(--space-4);justify-content:space-between;align-items:center;gap:var(--space-3);display:flex}.marks-lesson-topbar strong{margin-top:var(--space-1);display:block}.marks-lesson-card{border:1px solid var(--line);border-radius:var(--radius-xl);background:var(--paper);max-width:48rem;box-shadow:var(--shadow-raised);text-align:center;margin-inline:auto;padding:clamp(1.5rem,6vw,3.5rem)}.marks-lesson-character{margin:var(--space-4) auto var(--space-2);color:var(--green);font-family:var(--font-japanese);font-size:clamp(5rem,24vw,9rem);line-height:1;display:block}.marks-lesson-card h1{font-family:var(--font-display);font-size:clamp(1.9rem,6vw,2.8rem);line-height:var(--leading-heading);margin:0}.marks-lesson-explanation{max-width:var(--reading-max);margin:var(--space-4) auto 0;color:var(--ink-soft);font-size:var(--text-lg);line-height:var(--leading-body)}.marks-lesson-example{margin-top:var(--space-5);padding:var(--space-4);gap:var(--space-2);border-radius:var(--radius-lg);background:var(--green-soft);display:grid}.marks-lesson-example span{color:var(--ink-soft);font-size:var(--text-xs);letter-spacing:.1em;text-transform:uppercase;font-weight:750}.marks-lesson-example strong{font-size:var(--text-xl)}.marks-lesson-card .grounding-note{justify-content:center}.marks-lesson-actions{margin-top:var(--space-5);gap:var(--space-2);display:grid}.mission-hub__intro>p:not(.eyebrow),.mission-card__heading p,.mission-availability-note,.scenario-decision__heading p,.mission-results__card>p:not(.eyebrow){color:var(--ink-soft)}.mission-status,.review-pill{border-radius:var(--radius-round);width:fit-content;color:var(--ink-soft);background:var(--paper-muted);font-size:var(--text-xs);letter-spacing:.05em;text-transform:uppercase;padding:.25rem .55rem;font-weight:800}.mission-status--ready{color:var(--green);background:var(--green-pale)}.mission-status--review{color:#634600;background:var(--gold-pale)}.mission-status--locked{color:var(--error);background:var(--error-pale)}.mission-hub{padding-block:var(--space-5) var(--space-8)}.mission-hub__intro{max-width:48rem;margin-bottom:var(--space-4)}.mission-catalogue-note{padding:var(--space-3) var(--space-4);border-left:4px solid var(--green-bright);background:var(--green-soft);font-size:var(--text-sm)}.mission-hub__intro h1,.mission-results h1{font-size:clamp(2.2rem,6.75vw,3.4rem)}.mission-card,.mission-results__card{border:1px solid var(--line);border-radius:var(--radius-xl);background:var(--paper);box-shadow:var(--shadow);overflow:hidden}.mission-catalogue{gap:var(--space-6);display:grid}.mission-catalogue__back{width:100%;margin-top:var(--space-4)}.mission-card__heading{padding:var(--space-5);gap:var(--space-5);background:radial-gradient(circle at 90% 10%, #2f776621, transparent 18rem), var(--green-soft);display:grid}.mission-card__heading>div:first-child{gap:var(--space-2);display:grid}.mission-card h2{font-size:clamp(2rem,7vw,3.25rem)}.mission-duration{min-width:7rem;padding:var(--space-3);border-radius:var(--radius-lg);background:#fffdf8cc;border:1px solid #174f4333;place-items:center;display:grid}.mission-duration strong{font-family:var(--font-display);font-size:var(--text-3xl)}.mission-duration span,.mission-duration small{color:var(--ink-soft)}.mission-briefing{gap:var(--space-5);padding:var(--space-5);display:grid}.mission-briefing>div{padding:var(--space-4);border-left:4px solid var(--green-bright);border-radius:0 var(--radius-md) var(--radius-md) 0;background:var(--green-soft)}.mission-briefing p{margin:.3rem 0 0}.mission-kanji{gap:var(--space-2);grid-template-columns:repeat(4,minmax(0,1fr));display:grid}.mission-kanji>span{border:1px solid var(--line);border-radius:var(--radius-sm);background:var(--paper);text-align:center;place-items:center;min-width:0;padding:.45rem .2rem;display:grid}.mission-kanji>span.mission-kanji--studied{border-color:var(--green-bright);background:var(--green-pale)}.mission-kanji b{font-family:var(--font-japanese);font-size:var(--text-xl)}.mission-kanji small{max-width:100%;color:var(--ink-soft);text-overflow:ellipsis;white-space:nowrap;font-size:.65rem;overflow:hidden}.mission-availability-note{padding:0 var(--space-5);margin:0}.mission-card__actions,.mission-results__actions{padding:var(--space-5);gap:var(--space-2);display:grid}.scenario-page{padding-block:var(--space-4) var(--space-10)}.mission-topbar{padding:var(--space-4);gap:var(--space-3);border:1px solid var(--line);border-radius:var(--radius-lg);background:var(--paper);box-shadow:var(--shadow-sm);display:grid}.mission-topbar>div{gap:.25rem;display:grid}.mission-topbar>div:nth-child(2){color:var(--ink-soft);font-size:var(--text-xs);font-weight:700}.mission-topbar__actions{grid-template-columns:1fr 1fr;gap:var(--space-2)!important;display:grid!important}.mission-topbar__actions .button{min-width:8rem}.scenario-layout{gap:var(--space-4);margin-top:var(--space-4);display:grid}.station-diagram,.scenario-decision{border:1px solid var(--line);border-radius:var(--radius-xl);background:var(--paper);box-shadow:var(--shadow-sm);margin:0}.station-diagram{padding:var(--space-4)}.station-diagram figcaption{margin-bottom:var(--space-4);display:grid}.station-diagram figcaption span{color:var(--ink-soft);font-size:var(--text-xs);letter-spacing:.08em;text-transform:uppercase;font-weight:800}.station-levels{border-radius:var(--radius-lg);background:var(--green-soft);border:1px solid #174f432e;display:grid;position:relative;overflow:hidden}.station-level{min-height:5rem;padding:var(--space-3);color:var(--ink-soft);font-size:var(--text-xs);border-bottom:1px solid #174f4324;align-items:center;font-weight:700;display:flex;position:relative}.station-level:last-child{border-bottom:0}.station-level--active{color:var(--ink);background:#fffdf8b3}.station-marker{z-index:2;border:.35rem solid var(--paper);background:var(--persimmon);width:2rem;height:2rem;box-shadow:0 0 0 2px var(--persimmon);border-radius:50%;display:none;position:absolute;right:16%}.station-level--active .station-marker{display:block}.station-diagram--detour .station-marker{background:var(--gold);box-shadow:0 0 0 2px var(--gold);transform:translate(-3rem)}.station-route-line{border-radius:var(--radius-round);background:var(--green-bright);opacity:.45;width:.3rem;position:absolute;top:12%;bottom:12%;right:calc(16% + .85rem)}.route-ribbon{margin:var(--space-4) 0 0;gap:var(--space-2);padding:0;list-style:none;display:flex;overflow-x:auto}.route-ribbon li{border:1px solid var(--line);min-width:2.25rem;height:2.25rem;color:var(--ink-soft);background:var(--paper-muted);font-size:var(--text-xs);border-radius:50%;place-items:center;font-weight:800;display:grid}.route-ribbon li[aria-current=step]{color:#fff;border-color:var(--green);background:var(--green)}.detour-note{margin:var(--space-3) 0 0;color:#634600;font-size:var(--text-sm)}.scenario-decision{overflow:hidden}.scenario-decision__heading{padding:var(--space-5);gap:var(--space-2);border-bottom:1px solid var(--line);background:var(--green-soft);display:grid}.scenario-decision h1{font-size:clamp(1.9rem,6vw,2.75rem)}.scenario-decision__heading p{margin:0}.scenario-choices{padding:var(--space-5);gap:var(--space-3);display:grid}.scenario-choice{min-height:7rem;padding:var(--space-3);border:2px solid var(--line);border-radius:var(--radius-lg);color:var(--ink);background:var(--paper);cursor:pointer;place-items:center;display:grid}.scenario-choice:hover:not(:disabled){border-color:var(--green-bright);background:var(--green-soft)}.scenario-choice:disabled{cursor:default;opacity:.75}.scenario-choice--selected{border-color:var(--gold);background:var(--gold-pale)}.scenario-choice--correct{border-color:var(--green-bright);background:var(--green-pale);opacity:1!important}.scenario-choice>span{font-family:var(--font-japanese);font-size:3rem;line-height:1}.scenario-choice small{color:var(--ink-soft);font-size:var(--text-xs)}.scenario-hints{margin:0 var(--space-5);gap:var(--space-2);padding:0;list-style:none;display:grid}.scenario-hints li{padding:var(--space-3);border-left:4px solid var(--gold);border-radius:0 var(--radius-md) var(--radius-md) 0;background:var(--gold-pale);display:grid}.scenario-hints strong{color:#634600;font-size:var(--text-xs);letter-spacing:.06em;text-transform:uppercase}.scenario-feedback{margin:var(--space-4) var(--space-5) 0;padding:var(--space-4);gap:var(--space-3);border-radius:var(--radius-lg);color:#634600;background:var(--gold-pale);grid-template-columns:auto 1fr;display:grid}.scenario-feedback--correct{color:var(--green);background:var(--green-pale)}.scenario-feedback>span{border:1px solid;border-radius:50%;place-items:center;width:2rem;height:2rem;font-weight:900;display:grid}.scenario-feedback p{margin:.25rem 0}.scenario-feedback small{font-weight:700}.scenario-support,.scenario-history{padding:var(--space-5);gap:var(--space-2);display:grid}.scenario-history{grid-template-columns:1fr 1fr;padding-top:0}.scenario-history button{min-height:var(--touch-target);color:var(--green);background:0 0;border:0;font-weight:750}.scenario-history button:disabled{color:var(--line-strong)}.mission-results{padding-block:var(--space-8) var(--space-12)}.mission-results__card{padding:var(--space-5)}.mission-results__card>p:not(.eyebrow){max-width:var(--reading-max)}.mission-results__scores{margin-block:var(--space-6);gap:var(--space-2);display:grid}.mission-results__scores>div{padding:var(--space-4);border:1px solid var(--line);border-radius:var(--radius-lg);background:var(--green-soft);display:grid}.mission-results__scores span,.mission-results__scores small{color:var(--ink-soft)}.mission-results__scores span{font-size:var(--text-xs);letter-spacing:.07em;text-transform:uppercase;font-weight:800}.mission-results__scores strong{font-family:var(--font-display);font-size:var(--text-3xl)}.mission-evidence{padding:var(--space-5);border:1px solid var(--line);border-radius:var(--radius-lg)}.mission-recommendation{margin-top:var(--space-4);padding:var(--space-5);border-radius:var(--radius-lg);background:var(--green-soft);border:1px solid #174f4338}.mission-recommendation h2{margin:var(--space-2) 0;font-family:var(--font-display);font-size:var(--text-2xl);line-height:var(--leading-heading)}.mission-recommendation p:last-child{color:var(--ink-soft);margin:0}.mission-evidence ul{margin:var(--space-4) 0 0;gap:var(--space-2);padding:0;list-style:none;display:grid}.mission-evidence li{padding:var(--space-3);align-items:center;gap:0 var(--space-3);border-radius:var(--radius-md);background:var(--paper-muted);grid-template-columns:3rem minmax(0,1fr);display:grid}.mission-evidence li>span{font-family:var(--font-japanese);font-size:var(--text-2xl);grid-row:1/3}.mission-evidence li small{color:var(--ink-soft)}.simulation-note{margin-top:var(--space-5);align-items:center;gap:var(--space-2);font-size:var(--text-sm);font-weight:700;display:flex;color:var(--green)!important}.simulation-note>span{color:#fff;background:var(--green-bright);border-radius:50%;place-items:center;width:1.5rem;height:1.5rem;display:grid}.state-page{max-width:44rem;padding-block:6rem}.state-page h1{font-size:clamp(2.1rem,6.5vw,3.4rem)}.state-page p:not(.eyebrow){color:var(--ink-soft);line-height:1.6}.loading-page{min-height:100vh;color:var(--ink-soft);place-content:center;place-items:center;display:grid}.loading-page .brand-mark{animation:1.2s ease-in-out infinite alternate gentle-pulse}@keyframes gentle-pulse{to{transform:translateY(-4px)}}.site-footer{width:min(100% - 2rem,76rem);padding:var(--space-5) 0 var(--space-6);align-items:start;gap:var(--space-2);color:var(--ink-soft);font-size:var(--text-xs);text-align:left;border-top:1px solid #17352d21;margin-inline:auto;line-height:1.55;display:grid}.site-footer a{color:var(--green);font-weight:700}.source-footnotes{gap:.35rem;margin:0;padding-left:1.25rem;display:grid}.environment-status{color:var(--ink-soft);opacity:.82;flex-basis:100%}.dialog-backdrop{z-index:200;padding:var(--space-5);-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#0b2d25a8;place-items:center;display:grid;position:fixed;inset:0}.dialog-card{border-radius:var(--radius-xl);background:var(--paper);width:min(100%,30rem);box-shadow:var(--shadow-raised);border:1px solid #17352d2e;padding:clamp(1.25rem,5vw,2rem)}.dialog-card h2{font-family:var(--font-display);font-size:var(--text-2xl);line-height:var(--leading-heading);margin:0}.dialog-card p{margin:var(--space-3) 0 0;color:var(--ink-soft)}.dialog-actions{gap:var(--space-2);margin-top:var(--space-6);display:grid}@media (width>=40rem){.study-mobile-advance{display:none}.trust-panel__grid{grid-template-columns:repeat(3,1fr)}.demo-preview-grid,.demo-review-grid,.demo-choices--two{grid-template-columns:repeat(2,1fr)}.demo-choices--three{grid-template-columns:repeat(3,1fr)}.practice-card,.results-card{padding:2rem}.learning-paths>summary{padding:var(--space-5) var(--space-6)}.learning-paths__content{padding:0 var(--space-6) var(--space-6)}.section-heading,.lesson-topbar{grid-template-columns:1fr auto;align-items:end}.grade-grid{grid-template-columns:repeat(2,1fr)}.grade-card{min-height:9rem}.grade-card__note{display:block}.configuration-grid,.area-summary,.pronunciation-audio__controls{grid-template-columns:1fr 1fr}.resume-card{grid-template-columns:1fr auto;align-items:center}.marks-lesson-actions{grid-template-columns:1fr 1fr}.lesson-topbar{grid-template-columns:1fr minmax(12rem,20rem) auto;align-items:center}.study-card__heading{grid-template-columns:1fr 1fr;align-items:center;padding:2rem}.study-grid,.score-panel{grid-template-columns:1fr 1fr}.score-panel--four{grid-template-columns:repeat(2,1fr)}.facts-panel,.stroke-panel{padding:2rem}.facts-panel{border-right:1px solid var(--line);border-bottom:0}.answer-grid{grid-template-columns:1fr 1fr}.answer-actions .button{width:auto;min-width:12rem}.answer-actions{grid-template-columns:1fr auto}.practice-card{padding-inline:2.5rem}.practice-actions{margin:1.5rem -2.5rem -2rem;padding-inline:2.5rem}.results-actions,.dialog-actions{grid-template-columns:1fr 1fr}.mission-card__heading{grid-template-columns:minmax(0,1fr) auto;align-items:center}.mission-briefing,.scenario-support{grid-template-columns:1fr 1fr}.mission-card__actions,.mission-results__actions{grid-template-columns:repeat(auto-fit,minmax(12rem,1fr))}.scenario-choices{grid-template-columns:repeat(3,1fr)}.scenario-choices:has(.scenario-choice:nth-child(2):last-child){grid-template-columns:repeat(2,1fr)}.mission-results__scores{grid-template-columns:repeat(2,1fr)}}@media (width>=52rem){.home-overview{grid-template-columns:minmax(0,1fr) minmax(22rem,.72fr);align-items:center;gap:clamp(2.5rem,4vw,4rem)}.home-start-card{padding:var(--space-5)}.home-start-card .next-step-card__actions{margin-top:var(--space-4);grid-template-columns:repeat(2,minmax(0,1fr))}.section-heading{grid-template-columns:1fr minmax(16rem,.65fr)}}@media (width>=56rem){.primary-nav--desktop{display:flex}.menu-button{display:none}.shisho-trigger--responsive{order:initial;width:auto;padding-inline:var(--space-3);display:inline-flex}.shisho-restore.shisho-trigger--responsive{justify-content:center;align-items:center;display:inline-flex}.shisho-trigger__label{display:inline}.site-header__actions{order:initial}.verified-mark{order:2}}@media (width>=80rem){.shisho-panel{border-radius:var(--radius-xl) 0 0 var(--radius-xl);width:24rem;height:auto;top:4.25rem;left:auto;box-shadow:-18px 0 48px #17352d2e}.shisho-panel__handle{display:none}.app-shell--guide-open>main,.demo-shell.app-shell--guide-open>.demo-page{width:calc(100% - 27rem - max(1rem, (100vw - var(--content-max)) / 2));max-width:var(--content-max);max-height:none;margin-right:auto;margin-left:max(1rem, calc((100vw - var(--content-max)) / 2));overflow:visible}}@media (width>=66rem){.trust-panel{padding:.75rem var(--space-4)}.trust-panel__grid{margin-top:var(--space-3)}.trust-panel__grid article{padding:var(--space-3)}.trust-panel__grid h3{margin-top:var(--space-2)}.trust-panel__status{margin-top:var(--space-3);padding-top:var(--space-3)}.grade-grid{grid-template-columns:repeat(4,1fr)}.grade-card{min-height:6rem;padding:var(--space-3)}.grade-card__note{display:none}.hero-panel h1{font-size:clamp(2.75rem,3.9vw,3.2rem)}.home-page .hero-panel h1{font-size:clamp(2.65rem,3.5vw,3rem);line-height:1.02}.setup-card{margin:0}.score-panel--four{grid-template-columns:repeat(4,1fr)}.lesson-layout{grid-template-columns:14.5rem minmax(0,1fr);align-items:start}.lesson-rail{max-height:calc(100vh - 7.5rem);position:sticky;top:6.5rem;overflow:auto}.lesson-rail ol{min-width:0;display:grid}.rail-item{width:auto}.practice-card{min-height:42rem}.mission-topbar{grid-template-columns:1fr minmax(14rem,20rem) auto;align-items:center}.scenario-layout{grid-template-columns:minmax(17rem,.7fr) minmax(0,1.3fr);align-items:start}.station-diagram{position:sticky;top:6.5rem}.mission-results__scores{grid-template-columns:repeat(auto-fit,minmax(10rem,1fr))}.mission-evidence ul{grid-template-columns:repeat(4,1fr)}.mission-evidence li{text-align:center;grid-template-columns:1fr}.mission-evidence li>span{grid-row:auto}}@media (width>=72rem){.grade-grid{grid-template-columns:repeat(5,minmax(0,1fr))}}@media (width<=30rem){.site-header{min-height:4.5rem}.brand small,.verified-mark__optional{display:none}.verified-mark__label{max-width:5.8rem}.hero-panel{padding-top:var(--space-6)}.segmented-control{grid-template-columns:1fr}.mission-kanji{grid-template-columns:repeat(2,minmax(0,1fr))}.mode-control{grid-template-columns:1fr}.study-actions,.practice-actions{grid-template-columns:1fr;display:grid}.study-actions .button,.practice-actions .button{width:100%}.stroke-controls__steps{grid-template-columns:1fr}}@media (width<=21.25rem){.home-overview{gap:var(--space-3);padding-top:var(--space-4)}.hero-panel h1{font-size:2.2rem}.hero-intro,.hero-audience{display:none}.next-step-card{padding:var(--space-4)}.next-step-card h2{font-size:1.75rem}.next-step-card__actions{margin-top:var(--space-3)}}@media (forced-colors:active){.answer-state,.brand-mark,.results-seal,.rail-number,.success-card>span{border:1px solid}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}body[data-page-design=fujizakura]{--ink:#223349;--ink-strong:#16243a;--ink-soft:#55647d;--paper:#fdfbfa;--paper-deep:#f4f0f2;--paper-muted:#efeaee;--green:#31517c;--green-bright:#4a72a3;--green-pale:#dfe9f5;--green-soft:#eef4fa;--persimmon:#b23a6a;--persimmon-hover:#972f58;--persimmon-pale:#f9e0ea;--line:#ddd6da;--line-strong:#a8aebf;--focus:#123a63;--focus-halo:#fdfbfa;--shadow-sm:0 6px 18px #22334914;--shadow:0 22px 60px #2233491a;--shadow-raised:0 14px 34px #22334929;--fujizakura-card-surface:linear-gradient(102deg, #fcf6f9d1 0%, #fcf6f9c2 34%, #f4f0f694 52%, #dae9f65c 72%, #cde1f247 100%);--fujizakura-card-surface-soft:linear-gradient(102deg, #f2e9efa3 0%, #e5ecf580 52%, #cde1f261 100%);color:var(--ink);background:var(--paper-deep)}body[data-page-design=fujizakura]:before{content:"";z-index:0;pointer-events:none;background-image:repeating-linear-gradient(0deg,#22334903 0 1px,#0000 1px 6px),linear-gradient(90deg,#faf7f999 0 26%,#faf7f947 48%,#faf7f900 72%),linear-gradient(#fdfbfa00 0 30%,#faf5f86b 56%,#f7f1f5b8 100%),url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%201600%201000'%20preserveAspectRatio='xMidYMax%20slice'%20aria-hidden='true'%3e%3c!--%20Fujizakura%20富士桜%20background%20art:%20snow-capped%20Mount%20Fuji%20over%20a%20spring%20sky%20with%20sakura%20blossom%20haze%20in%20the%20foreground.%20Decorative%20only;%20the%20page%20keeps%20text%20readable%20with%20its%20own%20veil%20gradients.%20--%3e%3cdefs%3e%3clinearGradient%20id='fuji-body'%20x1='0'%20y1='0'%20x2='0'%20y2='1'%3e%3cstop%20offset='0'%20stop-color='%2346618c'/%3e%3cstop%20offset='0.5'%20stop-color='%233c5885'/%3e%3cstop%20offset='1'%20stop-color='%238095b0'/%3e%3c/linearGradient%3e%3cclipPath%20id='fuji-cut'%3e%3cpath%20d='M%20590%20660%20C%20850%20612%20976%20484%201056%20340%20L%201068%20318%20Q%201078%20302%201092%20304%20L%201108%20302%20Q%201120%20300%201128%20306%20L%201144%20304%20Q%201154%20306%201160%20316%20L%201170%20332%20C%201252%20480%201400%20614%201670%20660%20Z'/%3e%3c/clipPath%3e%3cfilter%20id='blur-soft'%20x='-40%25'%20y='-40%25'%20width='180%25'%20height='180%25'%3e%3cfeGaussianBlur%20stdDeviation='14'/%3e%3c/filter%3e%3cfilter%20id='blur-deep'%20x='-40%25'%20y='-40%25'%20width='180%25'%20height='180%25'%3e%3cfeGaussianBlur%20stdDeviation='26'/%3e%3c/filter%3e%3c/defs%3e%3c!--%20mountain%20--%3e%3cpath%20d='M%20590%20660%20C%20850%20612%20976%20484%201056%20340%20L%201068%20318%20Q%201078%20302%201092%20304%20L%201108%20302%20Q%201120%20300%201128%20306%20L%201144%20304%20Q%201154%20306%201160%20316%20L%201170%20332%20C%201252%20480%201400%20614%201670%20660%20Z'%20fill='url(%23fuji-body)'/%3e%3c!--%20snow%20cap,%20clipped%20to%20the%20mountain%20so%20the%20fingers%20follow%20the%20slopes%20--%3e%3cg%20clip-path='url(%23fuji-cut)'%3e%3cpath%20d='M%20890%20240%20H%201350%20V%20408%20Q%201336%20388%201326%20406%20Q%201314%20452%201300%20408%20Q%201288%20372%201276%20410%20Q%201264%20458%201250%20412%20Q%201238%20376%201224%20414%20Q%201212%20462%201198%20414%20Q%201186%20378%201172%20416%20Q%201160%20452%201146%20412%20Q%201134%20376%201120%20416%20Q%201108%20460%201094%20414%20Q%201082%20378%201068%20418%20Q%201056%20456%201042%20412%20Q%201030%20380%201016%20418%20Q%201004%20452%20990%20410%20Q%20978%20380%20964%20414%20Q%20952%20450%20938%20408%20Q%20926%20380%20912%20412%20L%20890%20420%20Z'%20fill='%23ffffff'%20opacity='0.97'/%3e%3c/g%3e%3c!--%20mist%20at%20the%20mountain%20base%20--%3e%3cellipse%20cx='1130'%20cy='660'%20rx='760'%20ry='96'%20fill='%23fdf6f8'%20opacity='0.85'%20filter='url(%23blur-deep)'/%3e%3c!--%20blossom%20canopy%20hint,%20upper%20left%20--%3e%3cg%20fill='%23f2b9d0'%20opacity='0.5'%20filter='url(%23blur-soft)'%3e%3cellipse%20cx='70'%20cy='60'%20rx='200'%20ry='110'/%3e%3cellipse%20cx='250'%20cy='10'%20rx='150'%20ry='80'/%3e%3c/g%3e%3c!--%20far%20blossom%20bank%20--%3e%3cg%20fill='%23f5cbdd'%20opacity='0.82'%20filter='url(%23blur-deep)'%3e%3cellipse%20cx='130'%20cy='800'%20rx='330'%20ry='150'/%3e%3cellipse%20cx='520'%20cy='850'%20rx='330'%20ry='140'/%3e%3cellipse%20cx='950'%20cy='870'%20rx='360'%20ry='140'/%3e%3cellipse%20cx='1380'%20cy='830'%20rx='340'%20ry='150'/%3e%3c/g%3e%3c!--%20mid%20blossom%20clusters%20--%3e%3cg%20fill='%23efa9c6'%20opacity='0.85'%20filter='url(%23blur-soft)'%3e%3cellipse%20cx='60'%20cy='880'%20rx='280'%20ry='150'/%3e%3cellipse%20cx='420'%20cy='940'%20rx='300'%20ry='140'/%3e%3cellipse%20cx='840'%20cy='960'%20rx='320'%20ry='130'/%3e%3cellipse%20cx='1250'%20cy='930'%20rx='300'%20ry='140'/%3e%3cellipse%20cx='1560'%20cy='880'%20rx='260'%20ry='150'/%3e%3c/g%3e%3c!--%20near%20blossom%20crowns%20--%3e%3cg%20fill='%23e88bb2'%20opacity='0.8'%20filter='url(%23blur-soft)'%3e%3cellipse%20cx='150'%20cy='1000'%20rx='260'%20ry='120'/%3e%3cellipse%20cx='700'%20cy='1020'%20rx='300'%20ry='120'/%3e%3cellipse%20cx='1320'%20cy='1010'%20rx='290'%20ry='120'/%3e%3c/g%3e%3c!--%20drifting%20petals%20--%3e%3cg%20fill='%23f3b7cf'%3e%3cpath%20d='M330%20300%20c6%204%206%2012%200%2016%20c-6%20-4%20-6%20-12%200%20-16'%20opacity='0.7'%20transform='rotate(24%20330%20308)'/%3e%3cpath%20d='M470%20190%20c5%204%205%2011%200%2015%20c-5%20-4%20-5%20-11%200%20-15'%20opacity='0.55'%20transform='rotate(-30%20470%20197)'/%3e%3cpath%20d='M600%20340%20c5%203%205%2010%200%2013%20c-5%20-3%20-5%20-10%200%20-13'%20opacity='0.5'%20transform='rotate(48%20600%20346)'/%3e%3cpath%20d='M1180%20240%20c6%204%206%2012%200%2016%20c-6%20-4%20-6%20-12%200%20-16'%20opacity='0.6'%20transform='rotate(-18%201180%20248)'/%3e%3cpath%20d='M1340%20380%20c5%204%205%2011%200%2015%20c-5%20-4%20-5%20-11%200%20-15'%20opacity='0.55'%20transform='rotate(36%201340%20387)'/%3e%3cpath%20d='M1470%20180%20c5%203%205%2010%200%2013%20c-5%20-3%20-5%20-10%200%20-13'%20opacity='0.5'%20transform='rotate(-42%201470%20186)'/%3e%3cpath%20d='M240%20480%20c5%203%205%2010%200%2013%20c-5%20-3%20-5%20-10%200%20-13'%20opacity='0.45'%20transform='rotate(60%20240%20486)'/%3e%3cpath%20d='M1520%20520%20c5%203%205%2010%200%2013%20c-5%20-3%20-5%20-10%200%20-13'%20opacity='0.45'%20transform='rotate(-54%201520%20526)'/%3e%3c/g%3e%3c/svg%3e"),linear-gradient(#cde2f4 0%,#e7f1fa 38%,#f7f1f4 72%,#f4eef2 100%);background-position:50%,50%,50%,bottom,50%;background-repeat:no-repeat;background-size:100% 100%,100% 100%,100% 100%,cover,100% 100%;position:fixed;inset:0}body[data-page-design=fujizakura] .app-shell,body[data-page-design=fujizakura] .demo-shell,body[data-page-design=fujizakura] .loading-page{z-index:1;position:relative}body[data-page-design=fujizakura] .home-start-card,body[data-page-design=fujizakura] .next-step-card,body[data-page-design=fujizakura] .setup-card,body[data-page-design=fujizakura] .study-card,body[data-page-design=fujizakura] .practice-card,body[data-page-design=fujizakura] .results-card,body[data-page-design=fujizakura] .marks-lesson-card,body[data-page-design=fujizakura] .mission-card,body[data-page-design=fujizakura] .mission-results__card,body[data-page-design=fujizakura] .mission-topbar,body[data-page-design=fujizakura] .station-diagram,body[data-page-design=fujizakura] .scenario-decision,body[data-page-design=fujizakura] .demo-intro,body[data-page-design=fujizakura] .demo-card,body[data-page-design=fujizakura] .demo-mission,body[data-page-design=fujizakura] .demo-results{background-color:#0000;background-image:var(--fujizakura-card-surface)}body[data-page-design=fujizakura] .trust-panel,body[data-page-design=fujizakura] .mission-catalogue-note{background-color:#0000;background-image:var(--fujizakura-card-surface-soft)}body[data-page-design=fujizakura] .mission-card__heading,body[data-page-design=fujizakura] .scenario-decision__heading{background:0 0}body[data-page-design=fujizakura] .home-start-card{background-image:linear-gradient(#cde1f23d 0%,#dae9f64d 24%,#fcf6f9d1 42%,#fcf6f9db 100%);grid-template-areas:"label""title""copy""actions";align-content:start;row-gap:0}body[data-page-design=fujizakura] .home-start-card:before{content:"";min-height:7rem;margin-bottom:var(--space-4);border-radius:var(--radius-lg);pointer-events:none;background:#cde1f214;border:1px solid #31517c2e;grid-area:scene;display:none;box-shadow:inset 0 0 0 1px #ffffff3d}body[data-page-design=fujizakura] .home-start-card>.step-label{grid-area:label}body[data-page-design=fujizakura] .home-start-card>h2{grid-area:title;max-width:18ch}body[data-page-design=fujizakura] .home-start-card>p:not(.step-label){grid-area:copy}body[data-page-design=fujizakura] .home-start-card .next-step-card__actions{margin-top:var(--space-4);grid-area:actions;grid-template-columns:minmax(0,1fr)}body[data-page-design=fujizakura] .home-start-card .button--quiet{width:auto;min-height:var(--touch-target);padding-inline:var(--space-2);color:var(--green);box-shadow:none;text-underline-offset:.25em;background:0 0;justify-self:start;-webkit-text-decoration:underline #31517c5c;text-decoration:underline #31517c5c;text-decoration-thickness:1px}@media (width>=52rem){body[data-page-design=fujizakura] .home-start-card{column-gap:var(--space-5);background-image:linear-gradient(90deg,#cde1f238 0%,#dae9f64d 30%,#fcf6f9d1 48%,#fcf6f9e0 100%);grid-template-columns:minmax(7.5rem,.68fr) minmax(0,1.32fr);grid-template-areas:"scene label""scene title""scene copy""scene actions"}body[data-page-design=fujizakura] .home-start-card:before{min-height:100%;margin:0;display:block}}body[data-page-design=fujizakura] .site-header{background:linear-gradient(#e2eef980,#fdfafb00 80%),#fcf9faeb;border-bottom-color:#31517c29}body[data-page-design=fujizakura] .grade-nav a{background:#fffcfdbd;border-color:#22334924}body[data-page-design=fujizakura] .brand-mark{box-shadow:0 8px 18px #b23a6a3d}body[data-page-design=fujizakura] .trust-row span,body[data-page-design=fujizakura] .content-pill{background:#fffcfdb8;border-color:#31517c33}body[data-page-design=fujizakura] .hero-kanji{background:linear-gradient(#31517c14 1px,#0000 1px) 0 0/50% 50%,linear-gradient(90deg,#31517c14 1px,#0000 1px) 0 0/50% 50%,linear-gradient(#e3edf8,#f6edf3) 0 0/100% 100%;border-color:#31517c24}body[data-page-design=fujizakura] .hero-kanji:before,body[data-page-design=fujizakura] .stroke-canvas:before{background:#ee7fae47}body[data-page-design=fujizakura] .hero-kanji__ghost{color:#31517c17}body[data-page-design=fujizakura] .setup-card,body[data-page-design=fujizakura] .study-card,body[data-page-design=fujizakura] .practice-card,body[data-page-design=fujizakura] .results-card{border-color:#22334921}body[data-page-design=fujizakura] .grade-card,body[data-page-design=fujizakura] .segment,body[data-page-design=fujizakura] .mode-option{background:#faf7f8}body[data-page-design=fujizakura] .resume-card{border-color:#4a72a359}body[data-page-design=fujizakura] .action-error{color:#7c2447;border-color:#b23a6a59}body[data-page-design=fujizakura] .lesson-choice{background:linear-gradient(#243750,#182741)}body[data-page-design=fujizakura] .lesson-choice .step-label{color:#f2b6d0}body[data-page-design=fujizakura] .button--quiet{background:#ebe5ea}body[data-page-design=fujizakura] .button--primary{box-shadow:0 8px 20px #b23a6a40}body[data-page-design=fujizakura] .progress-track{background:#ded8de}body[data-page-design=fujizakura] .lesson-rail{background:#fffcfdb8;border-color:#2233491f}body[data-page-design=fujizakura] .rail-item--active{border-color:#4a72a352}body[data-page-design=fujizakura] .study-card__heading{background:radial-gradient(circle at 84% 16%,#eeaac74d,#0000 12rem),linear-gradient(#35567f,#24344e)}body[data-page-design=fujizakura] .study-card__heading .content-pill{color:#24344e;background:#f6f9fcf0;border-color:#ffffff80}body[data-page-design=fujizakura] .reading-list div{background:#f3eff3}body[data-page-design=fujizakura] .word-example{border-color:#b23a6a3d}body[data-page-design=fujizakura] .pronunciation-audio{border-color:#4a72a34d}body[data-page-design=fujizakura] .stroke-canvas,body[data-page-design=fujizakura] .stroke-fallback{background-color:#f8f5f6;background-image:linear-gradient(#31517c17 1px,#0000 1px),linear-gradient(90deg,#31517c17 1px,#0000 1px),none;background-position:0 0,0 0,0 0;background-repeat:repeat,repeat,repeat;background-size:50% 50%;background-attachment:scroll,scroll,scroll;background-origin:padding-box,padding-box,padding-box;background-clip:border-box,border-box,border-box;border-color:#31517c21}body[data-page-design=fujizakura] .study-actions,body[data-page-design=fujizakura] .practice-actions{background:#faf7f8}body[data-page-design=fujizakura] .feedback-card{border-color:#b23a6a3d}body[data-page-design=fujizakura] .feedback-card__topline span,body[data-page-design=fujizakura] .feedback-card small{color:#7a2f55}body[data-page-design=fujizakura] .success-card{border-color:#4a72a352}body[data-page-design=fujizakura] .score-panel>div{background:#f2eef2}body[data-page-design=fujizakura] .results-seal{box-shadow:0 12px 24px #22334938}body[data-page-design=fujizakura] .site-footer{border-top-color:#22334921}body[data-page-design=fujizakura] .dialog-backdrop{background:#111c2ea8}body[data-page-design=fujizakura] .dialog-card{border-color:#2233492e}