:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--paper:#fcfbf7;--card:#fff;--ink:#16130f;--ink-soft:#16130f99;--ink-faint:#16130f29;--vermillion:#e23915;--vermillion-deep:#b52100;--vermillion-wash:#ffe9e3;--sky:#2580c1;--sky-wash:#e1f1ff;--gold:#e7b643;--gold-wash:#feedc9;--good:#009957;--good-wash:#daf7e3;--bad:#cc243d;--bad-wash:#ffe8e7;--radius:12px;--radius-pill:999px;--border:2px solid var(--ink);--shadow-pop:4px 4px 0 var(--ink);--shadow-pop-sm:3px 3px 0 var(--ink);--shadow-pop-lg:7px 7px 0 var(--ink);--shell-shadow-gutter:7px;--font-ui:"Space Grotesk", ui-sans-serif, system-ui, -apple-system, "Segoe UI", sans-serif;--font-jp:"Zen Kaku Gothic New", "Yu Gothic", "Hiragino Sans", Meiryo, sans-serif;--halftone:radial-gradient(#16130f12 1.2px, transparent 1.2px);--overlay-pad:18px;--overlay-card-pad-block:18px;--overlay-card-pad-inline:20px;--overlay-card-gap:14px}@supports (color:lab(0% 0 0)){:root{--vermillion:lab(51.6529% 64.2403 58.8727);--vermillion-deep:lab(40.2139% 58.3877 57.8842);--vermillion-wash:lab(93.9659% 8.54102 6.37087);--sky:lab(50.8988% -9.05672 -42.3204);--sky-wash:lab(94.2034% -3.30839 -8.55906);--gold:lab(77.0057% 10.1238 62.6808);--gold-wash:lab(94.3657% 2.03729 19.5421);--good:lab(55.5299% -48.2881 24.9659);--good-wash:lab(94.7394% -12.4067 6.35767);--bad:lab(45.6635% 64.2059 31.2074);--bad-wash:lab(93.8984% 9.51898 4.03076)}}*{box-sizing:border-box}html{min-width:320px}body{background-color:var(--paper);background-image:var(--halftone);min-height:100vh;color:var(--ink);font-family:var(--font-ui);letter-spacing:0;background-size:18px 18px;margin:0}button,input,select{color:inherit;font:inherit}button{cursor:pointer;border:0}button:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible{outline:3px solid var(--sky);outline-offset:2px}.hidden{display:none!important}.shell{align-content:start;gap:14px;width:min(1280px,100vw - 32px);min-height:calc(100vh - 36px);margin:18px auto;display:grid}.view-switcher{border:var(--border);border-radius:var(--radius);background:var(--card);box-shadow:var(--shadow-pop);justify-content:space-between;align-items:center;gap:10px;padding:8px 10px;display:flex;overflow:visible}.brand-lockup{align-items:center;gap:12px;min-width:0;padding:2px 10px 2px 2px;display:flex}.logo-mark{border:var(--border);background:var(--vermillion);width:46px;height:42px;box-shadow:var(--shadow-pop-sm);color:#fff;font-family:var(--font-jp);border-radius:14px 14px 14px 4px;flex:none;place-items:center;font-size:1.05rem;font-weight:900;line-height:1;transition:transform .12s,box-shadow .12s,background .12s;display:grid;position:relative}.logo-mark:hover{background:var(--vermillion-deep);box-shadow:var(--shadow-pop);transform:translate(-1px,-1px)}.logo-mark:active{box-shadow:1px 1px 0 var(--ink);transform:translate(2px,2px)scale(1.04)}.logo-mark.playing{animation:.38s logo-bounce}@keyframes logo-bounce{0%{box-shadow:1px 1px 0 var(--ink);transform:translate(2px,2px)scale(1.04)}55%{box-shadow:var(--shadow-pop);transform:translate(-2px,-2px)scale(1.08)}to{box-shadow:var(--shadow-pop-sm);transform:none}}.brand-copy{gap:2px;min-width:0;display:grid}.brand-copy strong{color:var(--ink);letter-spacing:-.01em;font-size:1.05rem;font-weight:700;line-height:1}.brand-copy span{color:var(--ink-soft);letter-spacing:.04em;text-transform:uppercase;font-size:.68rem;font-weight:500;line-height:1}.view-tabs{gap:6px;display:flex}.nav-controls{align-items:center;gap:10px;min-width:0;display:flex}.mobile-menu-toggle{border:var(--border);border-radius:var(--radius-pill);background:var(--card);width:42px;height:42px;color:var(--ink);cursor:pointer;justify-content:center;align-items:center;font-size:1.2rem;transition:background .12s;display:none}.mobile-menu-toggle:hover{background:var(--ink);color:#fff}.account-controls{align-items:center;gap:6px;min-width:0;display:flex}.entitlement-badge{border:2px solid var(--ink);border-radius:var(--radius-pill);background:var(--gold-wash);max-width:100%;min-height:34px;color:var(--ink);white-space:nowrap;text-overflow:ellipsis;white-space:nowrap;justify-content:center;align-items:center;padding:0 12px;font-size:.72rem;font-weight:900;display:inline-flex;overflow:hidden}.entitlement-badge[data-plan=pro]{background:var(--good-wash);color:var(--good)}.compact-button{min-height:34px;padding:0 12px;font-size:.74rem}.language-picker{border:2px solid var(--ink);border-radius:var(--radius-pill);background:var(--paper);color:var(--ink-soft);letter-spacing:.06em;text-transform:uppercase;flex:none;align-items:center;gap:8px;padding:4px 4px 4px 12px;font-size:.68rem;font-weight:700;display:flex}.language-picker select{border-radius:var(--radius-pill);background:var(--card);max-width:150px;min-height:32px;color:var(--ink);letter-spacing:0;text-transform:none;border:0;outline:none;font-size:.78rem;font-weight:700}.view-tab{border-radius:var(--radius-pill);min-height:40px;color:var(--ink-soft);white-space:nowrap;background:0 0;border:2px solid #0000;padding:0 18px;font-size:.86rem;font-weight:700;transition:transform .14s,border-color .14s,background .14s,color .14s,box-shadow .14s}.view-tab:hover{border-color:var(--ink);color:var(--ink)}.view-tab.active{border-color:var(--ink);background:var(--vermillion);box-shadow:var(--shadow-pop-sm);color:#fff}.practice-view{grid-template-columns:minmax(0,1fr) 376px;gap:14px;min-width:0;display:grid}@media (min-width:981px){.shell:has(.practice-view){height:calc(100dvh - 36px);max-height:calc(100dvh - 36px);padding:0 var(--shell-shadow-gutter) var(--shell-shadow-gutter) 0;box-sizing:border-box;grid-template-rows:auto minmax(0,1fr);overflow:hidden}.shell:has(.practice-view)>:nth-child(2){min-height:0;overflow:visible}.practice-view{align-items:stretch;height:100%;min-height:0}.practice-view>.game{flex-direction:column;height:100%;min-height:0;max-height:100%;display:flex;overflow:visible}.practice-view>.game>.arena{flex:auto;min-height:0}.practice-view>.panel{height:100%;min-height:0;max-height:100%;overflow:visible}.practice-view>.panel .panel-body{flex:auto;min-height:0;overflow:auto}}.game,.panel,.story-page,.scenario-page,.notebook-page{border:var(--border);border-radius:var(--radius);background:var(--card);box-shadow:var(--shadow-pop-lg)}.game{flex-direction:column;gap:14px;min-width:0;padding:16px;display:flex;overflow:hidden}.panel{flex-direction:column;gap:10px;min-width:0;max-height:calc(100vh - 36px);padding:14px;display:flex;overflow:hidden}.story-page,.scenario-page,.notebook-page{gap:14px;min-width:0;padding:16px;display:grid}.topbar{justify-content:space-between;align-items:start;gap:16px;display:flex}.eyebrow{border:2px solid var(--ink);border-radius:var(--radius-pill);background:var(--gold-wash);color:var(--ink);letter-spacing:.08em;text-transform:uppercase;margin:0 0 8px;padding:3px 10px;font-size:.66rem;font-weight:700;line-height:1.2;display:inline-block}h1,.story-topbar h2,.notebook-page .topbar h2{max-width:620px;color:var(--ink);letter-spacing:-.025em;margin:0;font-size:clamp(1.9rem,3.6vw,3.2rem);font-weight:700;line-height:.95}.toolbar{flex-shrink:0;align-items:center;gap:8px;display:flex}.icon-button{border:var(--border);border-radius:var(--radius-pill);background:var(--card);width:42px;height:42px;color:var(--ink);place-items:center;font-size:1.05rem;font-weight:700;line-height:1;transition:transform .12s,box-shadow .12s,background .12s,color .12s;display:grid}.icon-button:hover{box-shadow:var(--shadow-pop-sm);transform:translate(-1px,-1px)}.icon-button:active{box-shadow:none;transform:translate(1px,1px)}.icon-button.active{background:var(--ink);color:#fff}.mode-chip{border:var(--border);border-radius:var(--radius-pill);background:var(--sky-wash);max-width:100%;min-height:42px;color:var(--ink);white-space:nowrap;text-overflow:ellipsis;align-items:center;padding:0 16px;font-size:.8rem;font-weight:700;transition:transform .12s,box-shadow .12s;display:inline-flex;overflow:hidden}.mode-chip:hover{box-shadow:var(--shadow-pop-sm);transform:translate(-1px,-1px)}.scoreboard{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;display:grid}.scoreboard>div{border:var(--border);border-radius:var(--radius);background:var(--card);min-width:0;box-shadow:var(--shadow-pop-sm);padding:10px 14px}.scoreboard span{max-width:100%;color:var(--ink-soft);letter-spacing:.08em;text-transform:uppercase;white-space:nowrap;text-overflow:ellipsis;font-size:.66rem;font-weight:700;display:inline-block;overflow:hidden}.stat-score span{box-shadow:inset 0 -4px 0 var(--vermillion-wash)}.stat-streak span{box-shadow:inset 0 -4px 0 var(--gold-wash)}.stat-lives span{box-shadow:inset 0 -4px 0 var(--bad-wash)}.stat-best span{box-shadow:inset 0 -4px 0 var(--sky-wash)}.scoreboard strong{color:var(--ink);margin-top:6px;font-size:clamp(1.4rem,2.4vw,1.9rem);font-weight:700;line-height:1;display:block}#lives{color:var(--vermillion);letter-spacing:.08em}.arena{isolation:isolate;border:var(--border);border-radius:var(--radius);background-color:var(--paper);background-image:var(--halftone);background-size:14px 14px;background-clip:padding-box;grid-template-rows:minmax(220px,1fr) auto;min-height:clamp(360px,100vh - 390px,480px);display:grid;position:relative;overflow:hidden}.arena:has(.overlay:not(.hidden)){flex-direction:column;min-height:0;display:flex;overflow:hidden}.arena:has(.overlay:not(.hidden)) #kanaCanvas{display:none}.arena:has(.overlay:not(.hidden)) .challenge{display:none}.arena:has(.overlay:not(.hidden)) .choices{display:none}.arena:has(.overlay:not(.hidden)) .overlay{overscroll-behavior:contain;-webkit-overflow-scrolling:touch;min-height:0;padding:var(--overlay-pad);border-radius:calc(var(--radius) - 2px);background:var(--paper);flex-direction:column;flex:auto;justify-content:center;align-items:center;display:flex;position:relative;inset:auto;overflow:hidden auto}.game:has(.overlay:not(.hidden)){overflow:hidden}#kanaCanvas{border-radius:inherit;pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.challenge{z-index:1;text-align:center;align-content:center;justify-items:center;min-height:240px;padding:18px 28px 10px;display:grid;position:relative}.prompt-label{border:2px solid var(--ink);border-radius:var(--radius-pill);background:var(--card);color:var(--ink-soft);letter-spacing:.08em;text-transform:uppercase;padding:4px 12px;font-size:.66rem;font-weight:700}.bubble{border:3px solid var(--ink);background:var(--card);box-shadow:6px 6px 0 var(--ink);border-radius:30px;margin-top:16px;padding:14px 44px 18px;position:relative}.bubble:after{border-right:3px solid var(--ink);border-bottom:3px solid var(--ink);background:var(--card);content:"";width:22px;height:22px;position:absolute;bottom:-13px;left:46px;transform:rotate(45deg)}.romaji{color:var(--ink);letter-spacing:-.02em;font-size:clamp(4rem,12vw,8rem);font-weight:700;line-height:1}.romaji.meaning{max-width:min(720px,86vw);font-family:var(--font-jp);font-size:clamp(2rem,5.8vw,4.4rem);font-weight:900;line-height:1.05}.speak{border:var(--border);border-radius:var(--radius-pill);background:var(--vermillion);width:50px;height:50px;box-shadow:var(--shadow-pop-sm);color:#fff;place-items:center;margin-top:22px;font-size:1.1rem;font-weight:700;transition:transform .12s,box-shadow .12s,background .12s;display:grid}.speak:hover{background:var(--vermillion-deep);box-shadow:var(--shadow-pop);transform:translate(-1px,-1px)}.speak:active{box-shadow:none;transform:translate(2px,2px)}.feedback{min-height:30px;color:var(--ink-soft);font-family:var(--font-jp);margin-top:10px;font-size:1rem;font-weight:700}.voice-status{min-height:18px;color:var(--ink-soft);margin-top:2px;font-size:.68rem;font-weight:700}.voice-status[data-state=busy]{color:var(--sky)}.voice-status[data-state=warn]{color:var(--vermillion-deep)}.voice-status[data-state=good]{color:var(--good)}@keyframes bubble-pop{0%{transform:scale(1)}40%{transform:scale(1.06)}to{transform:scale(1)}}@keyframes bubble-shake{0%,to{transform:translate(0)}20%{transform:translate(-8px)rotate(-1deg)}50%{transform:translate(7px)rotate(1deg)}80%{transform:translate(-4px)}}.challenge.pop .bubble{animation:.38s bubble-pop}.challenge.shake .bubble{animation:.36s bubble-shake}.choices{z-index:1;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;padding:16px;display:grid;position:relative}.choice{border:var(--border);border-radius:var(--radius);background:var(--card);min-height:100px;box-shadow:var(--shadow-pop);color:var(--ink);font-family:var(--font-jp);place-items:center;font-size:clamp(2rem,6vw,3.4rem);font-weight:900;line-height:1;transition:transform .11s,box-shadow .11s,background .13s,border-color .13s,color .13s;display:grid;position:relative}.choice:hover,.choice:focus-visible{box-shadow:6px 6px 0 var(--ink);outline:none;transform:translate(-2px,-2px)}.choice:active{box-shadow:1px 1px 0 var(--ink);transform:translate(2px,2px)}.choice.correct{border-color:var(--good);background:var(--good-wash);box-shadow:4px 4px 0 var(--good);color:var(--good)}.choice.wrong{border-color:var(--bad);background:var(--bad-wash);box-shadow:4px 4px 0 var(--bad);color:var(--bad)}.key-hint{border:1.5px solid var(--ink-faint);min-width:20px;height:20px;color:var(--ink-soft);font-family:var(--font-ui);border-radius:6px;place-items:center;padding:0 4px;font-size:.64rem;font-weight:700;line-height:1;display:grid;position:absolute;top:8px;left:8px}@media (hover:none){.key-hint{display:none}}.overlay{z-index:6;padding:var(--overlay-pad);background:#fcfbf7f5;justify-content:center;align-items:center;display:flex;position:absolute;inset:0;overflow:hidden}.overlay-card{justify-items:center;gap:var(--overlay-card-gap);width:min(440px,100%);padding:var(--overlay-card-pad-block) var(--overlay-card-pad-inline);border:3px solid var(--ink);background:var(--card);box-shadow:6px 6px 0 var(--ink);text-align:center;border-radius:18px;display:grid;container:overlay/inline-size}.overlay-bubble{border:var(--border);background:var(--vermillion);box-shadow:var(--shadow-pop-sm);color:#fff;font-family:var(--font-jp);border-radius:18px 18px 18px 4px;padding:6px 17px 8px;font-size:1.3rem;font-weight:900;line-height:1;display:inline-block;position:relative}.overlay-card h2{color:var(--ink);letter-spacing:-.02em;margin:0;font-size:clamp(1.35rem,3vw,1.75rem);font-weight:700;line-height:1}.overlay-note{color:var(--ink-soft);margin:0;font-size:.84rem;font-weight:500;line-height:1.3}.picker-group{justify-items:start;gap:8px;width:100%;display:grid}.picker-label{color:var(--ink-soft);letter-spacing:.08em;text-transform:uppercase;font-size:.68rem;font-weight:700}.mode-row,.set-row,.direction-row{flex-wrap:wrap;gap:8px;width:100%;display:flex}.mode,.set,.direction{border:var(--border);border-radius:var(--radius-pill);background:var(--card);min-height:40px;color:var(--ink-soft);white-space:nowrap;flex:auto;justify-content:center;align-items:center;gap:6px;padding:0 12px;font-size:.78rem;font-weight:700;line-height:1.2;transition:transform .12s,box-shadow .12s,background .13s,color .13s;display:inline-flex;position:relative}.mode.locked{background:var(--paper);color:var(--ink-soft);gap:3px}.picker-lock{width:12px;height:12px;color:var(--ink-soft);background:0 0;flex:none;place-items:center;margin-left:1px;line-height:0;display:grid}.mode.active .picker-lock{color:#fff;opacity:.72;background:0 0}.mode:hover,.set:hover,.direction:hover{box-shadow:var(--shadow-pop-sm);color:var(--ink);transform:translate(-1px,-1px)}.mode.active,.set.active,.direction.active{background:var(--vermillion);box-shadow:var(--shadow-pop-sm);color:#fff}.overlay-best{color:var(--ink-soft);margin:0;font-size:.8rem;font-weight:500}.overlay-best strong{color:var(--ink);font-weight:700}@container overlay (max-width:360px){.overlay-best{display:none}.overlay-card .primary-button{width:100%}}.primary-button,.secondary-button{border:var(--border);border-radius:var(--radius-pill);min-height:46px;padding:0 26px;font-size:.92rem;font-weight:700;transition:transform .12s,box-shadow .12s,background .13s}.primary-button{background:var(--vermillion);box-shadow:var(--shadow-pop);color:#fff}.primary-button:hover{background:var(--vermillion-deep);box-shadow:5px 5px 0 var(--ink);transform:translate(-1px,-1px)}.primary-button:active{box-shadow:none;transform:translate(2px,2px)}.primary-button:disabled{cursor:wait;opacity:.65}.secondary-button{background:var(--card);box-shadow:var(--shadow-pop-sm);color:var(--ink)}.secondary-button:hover{box-shadow:var(--shadow-pop);transform:translate(-1px,-1px)}.secondary-button:active{box-shadow:none;transform:translate(2px,2px)}.secondary-button:disabled{cursor:default;opacity:.55;box-shadow:none;transform:none}#startButton{width:100%;font-size:1.05rem}.legal-page{width:min(860px,100vw - 32px);min-height:100vh;margin:0 auto;padding:28px 0;display:grid}.legal-card{border:var(--border);border-radius:var(--radius);background:var(--card);box-shadow:var(--shadow-pop-lg);align-content:start;gap:18px;padding:24px;display:grid}.legal-back{width:fit-content;color:var(--ink-soft);font-size:.82rem;font-weight:700;text-decoration:none}.legal-back:hover{color:var(--ink);text-underline-offset:3px;text-decoration:underline}.legal-card h1{max-width:760px;font-size:clamp(2rem,5vw,3.4rem)}.legal-card section{gap:8px;display:grid}.legal-card h2{color:var(--ink);margin:0;font-size:1.08rem;font-weight:900;line-height:1.15}.legal-card p{color:var(--ink-soft);margin:0;font-size:.96rem;font-weight:500;line-height:1.6}.legal-card a:not(.legal-back){color:var(--vermillion-deep);font-weight:900}.legal-updated{border-bottom:1px dashed var(--ink-faint);padding-bottom:8px}.over-stats{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;width:100%;display:grid}.over-stats>div{border:var(--border);border-radius:var(--radius);background:var(--paper);padding:10px 8px}.over-stats span{color:var(--ink-soft);letter-spacing:.08em;text-transform:uppercase;font-size:.62rem;font-weight:700;display:block}.over-stats strong{color:var(--ink);margin-top:4px;font-size:1.4rem;font-weight:700;line-height:1;display:block}.overlay-actions{grid-template-columns:minmax(0,1.4fr) minmax(0,1fr);gap:8px;width:100%;display:grid}.progress-wrap{border:var(--border);border-radius:var(--radius-pill);background:var(--card);height:14px;overflow:hidden}.progress{border-radius:inherit;background:var(--vermillion);transform-origin:0;width:100%;height:100%}.panel-toggle{border:var(--border);border-radius:var(--radius-pill);background:var(--card);min-height:44px;color:var(--ink);justify-content:space-between;align-items:center;padding:0 14px;font-size:.86rem;font-weight:700;display:none}.panel-body{flex-direction:column;flex:1;gap:10px;min-height:0;display:flex}.tabs{flex-shrink:0;gap:8px;display:flex}.tab{border:var(--border);border-radius:var(--radius-pill);background:var(--card);min-height:40px;color:var(--ink-soft);letter-spacing:.04em;text-transform:uppercase;flex:1;font-size:.8rem;font-weight:700;transition:transform .12s,box-shadow .12s,background .13s,color .13s}.tab:hover{box-shadow:var(--shadow-pop-sm);color:var(--ink);transform:translate(-1px,-1px)}.tab.active{background:var(--vermillion);box-shadow:var(--shadow-pop-sm);color:#fff}.panel-view{scrollbar-width:thin;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;min-height:0;padding:2px 4px 6px 2px;display:grid;overflow:auto}.panel-view.kana-grid{grid-template-columns:repeat(5,minmax(0,1fr))}.panel-view.kanji-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.tile{border:1.5px solid var(--ink);background:var(--card);text-align:center;border-radius:10px;place-items:center;gap:4px;min-height:76px;transition:transform .12s,box-shadow .12s;display:grid}.kana-grid .tile{min-height:68px}.tile:hover{box-shadow:var(--shadow-pop-sm);transform:translate(-1px,-1px)}.tile .kana{color:var(--ink);font-family:var(--font-jp);font-size:clamp(1.3rem,4.8vw,1.8rem);font-weight:900;line-height:1}.kana-grid .tile .kana{font-size:clamp(1.25rem,2.6vw,1.65rem)}.tile .roma{overflow-wrap:anywhere;max-width:100%;color:var(--ink-soft);padding:0 4px;font-size:.68rem;font-weight:500;line-height:1.1}.tile .reading{color:var(--vermillion);font-family:var(--font-jp);font-size:.68rem;font-weight:700;line-height:1.1}.kanji-tile{align-content:center;min-height:92px}.kanji-tile .kana{font-size:clamp(1.8rem,6vw,2.4rem)}.kanji-tile .reading{margin-top:-2px;font-size:.74rem}.kanji-tile .roma{font-size:.66rem}.meter{border:1px solid var(--ink);border-radius:var(--radius-pill);background:var(--paper);width:76%;height:7px;overflow:hidden}.meter i{border-radius:inherit;background:var(--vermillion);height:100%;display:block}.story-panel,.scenario-panel{grid-template-columns:minmax(260px,340px) minmax(0,1fr);align-items:start;gap:14px;min-height:0;display:grid}.study-forms,.story-workspace{gap:14px;min-width:0;display:grid}.study-forms{position:sticky;top:14px}.edit-config-button{width:100%}.story-config{border:var(--border);border-radius:var(--radius);background:var(--card);box-shadow:var(--shadow-pop);grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;padding:14px;display:grid}.config-heading{gap:4px;display:grid}.config-heading h3{color:var(--ink);letter-spacing:.08em;text-transform:uppercase;margin:0;font-size:.78rem;font-weight:900}.config-heading p{color:var(--ink-soft);text-transform:none;margin:0;font-size:.82rem;font-weight:500;line-height:1.35}.setup-accordion{border:1.5px solid var(--ink);background:var(--paper);border-radius:10px;grid-column:1/-1;overflow:hidden}.setup-accordion summary{color:var(--ink);cursor:pointer;letter-spacing:.06em;text-transform:uppercase;-webkit-user-select:none;user-select:none;padding:10px 12px;font-size:.74rem;font-weight:700;list-style-position:inside}.setup-accordion[open] summary{border-bottom:1.5px dashed var(--ink-faint)}.setup-grid{gap:9px;padding:10px 12px 12px;display:grid}.api-dialog,.auth-dialog{border:3px solid var(--ink);background:var(--card);width:min(420px,100vw - 32px);box-shadow:var(--shadow-pop-lg);color:var(--ink);border-radius:18px;padding:0}.api-dialog::backdrop,.auth-dialog::backdrop{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#16130f59}.api-dialog form,.auth-dialog form{gap:12px;padding:20px 22px;display:grid}.api-dialog h3,.auth-dialog h3{letter-spacing:-.01em;margin:0;font-size:1.2rem;font-weight:700}.api-dialog-note{color:var(--ink-soft);margin:0;font-size:.84rem;font-weight:500;line-height:1.4}.api-dialog label,.auth-dialog label{color:var(--ink-soft);letter-spacing:.06em;text-transform:uppercase;gap:5px;font-size:.66rem;font-weight:700;display:grid}.api-dialog input,.api-dialog select,.auth-dialog input,.auth-dialog select{border:1.5px solid var(--ink);background:var(--card);min-width:0;height:42px;color:var(--ink);border-radius:10px;outline:none;padding:0 12px;font-size:.88rem;font-weight:500}.api-dialog input:focus,.api-dialog select:focus,.auth-dialog input:focus,.auth-dialog select:focus{border-color:var(--sky);box-shadow:0 0 0 3px var(--sky-wash)}.auth-dialog .auth-consent{color:var(--ink-soft);letter-spacing:0;text-transform:none;align-items:flex-start;gap:9px;font-size:.78rem;font-weight:600;line-height:1.35;display:flex}.auth-dialog .auth-consent input{width:18px;height:18px;accent-color:var(--vermillion);flex:none;margin:1px 0 0;padding:0}.auth-dialog .auth-consent a{color:var(--vermillion-deep);font-weight:900}.api-dialog-actions{flex-wrap:wrap;justify-content:flex-end;gap:8px;margin-top:2px;display:flex}.api-dialog-actions button{flex:auto}.story-config label{min-width:0;color:var(--ink-soft);letter-spacing:.06em;text-transform:uppercase;gap:5px;font-size:.66rem;font-weight:700;display:grid}.story-config .wide,.story-actions.wide{grid-column:1/-1}.story-config input,.story-config select{border:1.5px solid var(--ink);background:var(--card);min-width:0;height:42px;color:var(--ink);border-radius:10px;outline:none;padding:0 12px;font-size:.88rem;font-weight:500}.story-config input:focus,.story-config select:focus{border-color:var(--sky);box-shadow:0 0 0 3px var(--sky-wash)}.story-config .toggle{min-height:34px;color:var(--ink);letter-spacing:0;text-transform:none;flex-direction:row;align-items:center;gap:8px;font-size:.82rem;font-weight:500;display:flex}.story-config .toggle input{width:18px;height:18px;accent-color:var(--vermillion)}.story-actions{flex-wrap:wrap;gap:8px;display:flex}.story-actions button{flex:auto}.story-actions .secondary-button{padding:0 14px;font-size:.8rem}.story-toolbar{justify-content:space-between;align-items:center;gap:10px;display:flex}.story-toolbar .secondary-button{flex-shrink:0;min-height:42px;padding:0 16px;font-size:.8rem}.story-status{border:1.5px solid var(--ink);background:var(--card);min-height:0;color:var(--ink-soft);border-radius:10px;flex:1;margin:0;padding:10px 14px;font-size:.84rem;font-weight:500;line-height:1.35}.story-status[data-tone=good]{border-color:var(--good);color:var(--good)}.story-status[data-tone=warn]{border-color:var(--gold);color:#906b00;color:lab(47.9048% 9.86907 60.2795)}.story-status[data-tone=bad]{border-color:var(--bad);color:var(--bad)}.story-status[data-tone=busy]{border-color:var(--sky);color:var(--sky)}.story-status[data-loading=true]:after{content:"";width:1.2em;animation:1.2s steps(4,end) infinite busy-dots;display:inline-block}.story-reader,.scenario-chat{border:var(--border);border-radius:var(--radius);background:var(--card);min-width:0;box-shadow:var(--shadow-pop);gap:12px;padding:14px;display:grid}.scenario-messages{gap:10px;display:grid}.scenario-message{border:1.5px solid var(--ink);border-radius:var(--radius);background:var(--card);max-width:86%;box-shadow:var(--shadow-pop-sm);gap:4px;padding:12px 44px 12px 14px;display:grid;position:relative}.scenario-message.learner{background:var(--sky-wash);justify-self:end}.scenario-speaker{color:var(--ink-soft);letter-spacing:.08em;text-transform:uppercase;font-size:.68rem;font-weight:900}.scenario-message p{margin:0}.scenario-japanese{color:var(--ink);font-family:var(--font-jp);font-size:1.18rem;font-weight:900;line-height:1.45}.scenario-reading{color:var(--vermillion);font-family:var(--font-jp);font-size:.82rem;font-weight:700;line-height:1.25}.scenario-translation{color:var(--ink-soft);font-size:.82rem;font-weight:500;line-height:1.3}.scenario-translation strong{color:var(--ink);font-size:.68rem;font-weight:900}.scenario-note,.scenario-feedback{border:1.5px solid var(--ink);background:var(--gold-wash);color:var(--ink);border-radius:10px;margin-top:4px;padding:8px 10px;font-size:.8rem;font-weight:600;line-height:1.35}.scenario-feedback.good{border-color:var(--good);background:var(--good-wash);color:var(--good)}.scenario-feedback.warn{border-color:var(--gold);color:#785800;color:lab(39.7598% 9.31336 57.808)}.scenario-choices{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;display:grid}.scenario-choice{border:1.5px solid var(--ink);background:var(--card);min-width:0;min-height:112px;color:var(--ink);text-align:left;border-radius:10px;grid-template-columns:34px minmax(0,1fr);align-content:start;gap:4px 8px;padding:10px;transition:transform .12s,box-shadow .12s,background .13s;display:grid}.scenario-choice:hover:not(:disabled),.scenario-choice:focus-visible{box-shadow:3px 3px 0 var(--ink);transform:translate(-1px,-1px)}.scenario-choice:disabled{cursor:default}.scenario-choice.best,.scenario-choice.picked-best{border-color:var(--good);background:var(--good-wash)}.scenario-choice.missed{border-color:var(--bad);background:var(--bad-wash)}.scenario-choice-label{border:1.5px solid var(--ink);border-radius:var(--radius-pill);background:var(--vermillion);color:#fff;place-items:center;width:30px;height:30px;font-size:.82rem;font-weight:900;display:grid}.scenario-choice-copy{min-width:0;color:var(--ink);font-family:var(--font-jp);overflow-wrap:anywhere;font-size:1rem;font-weight:900;line-height:1.35}.scenario-choice-reading,.scenario-choice-feedback{color:var(--ink-soft);overflow-wrap:anywhere;grid-column:2;font-size:.78rem;font-weight:600;line-height:1.3}.scenario-choice-feedback{border-top:1px dashed var(--ink-faint);color:var(--ink);padding-top:5px}.story-empty{border:2px dashed var(--ink-faint);border-radius:var(--radius);text-align:center;justify-items:center;gap:12px;padding:40px 20px;display:grid}.story-empty p{max-width:420px;color:var(--ink-soft);margin:0;font-size:.9rem;font-weight:500;line-height:1.5}.scenario-empty-state{background:linear-gradient(135deg, #e8512e14, transparent 42%), var(--paper);align-content:center;min-height:160px}.generation-loader{border:2px dashed var(--ink-faint);border-radius:var(--radius);background:linear-gradient(135deg, #4b81d51a, transparent 44%), linear-gradient(315deg, #e8512e1a, transparent 44%), var(--paper);text-align:center;place-items:center;gap:12px;min-height:190px;padding:30px 18px;display:grid}.generation-loader.scenario-loader{min-height:150px}.generation-loader-orbit{width:88px;height:88px;animation:4.8s linear infinite loader-orbit;position:relative}.generation-loader-orbit span{border:1.5px solid var(--ink);background:var(--card);width:38px;height:38px;box-shadow:var(--shadow-pop-sm);color:var(--ink);font-family:var(--font-jp);border-radius:50%;place-items:center;font-size:1rem;font-weight:900;animation:1.4s ease-in-out infinite loader-chip-bob;display:grid;position:absolute}.generation-loader-orbit span:first-child{background:var(--vermillion);color:#fff;top:0;left:25px}.generation-loader-orbit span:nth-child(2){animation-delay:.16s;bottom:8px;right:0}.generation-loader-orbit span:nth-child(3){background:var(--gold-wash);animation-delay:.32s;bottom:8px;left:0}.generation-loader-text{min-height:1.5em;color:var(--ink);margin:0;font-size:.92rem;font-weight:900;line-height:1.35;animation:1.6s ease-in-out infinite loader-text-fade}.story-output{gap:14px;display:grid}.story-output:empty{display:none}.story-display-toggles{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.display-toggle{border:1.5px solid var(--ink);border-radius:var(--radius-pill);background:var(--card);min-height:32px;color:var(--ink-soft);padding:0 14px;font-size:.74rem;font-weight:700;transition:background .13s,color .13s,box-shadow .12s,transform .12s}.display-toggle:hover{box-shadow:2px 2px 0 var(--ink);color:var(--ink);transform:translate(-1px,-1px)}.display-toggle.active{background:var(--ink);color:#fff}.story-output.hide-furigana rt,.story-output.hide-english .english-line,.story-output.hide-cantonese .cantonese-line{display:none}.story-header{gap:4px;display:grid}.story-header h2,.story-list h3{margin:0}.story-header h2{color:var(--ink);font-family:var(--font-jp);font-size:clamp(1.6rem,3.2vw,2.4rem);font-weight:900;line-height:1.1}.story-header span{color:var(--ink-soft);letter-spacing:.06em;text-transform:uppercase;font-size:.72rem;font-weight:700}.story-sentences{gap:10px;display:grid}.story-sentence{border:1.5px solid var(--ink);border-radius:var(--radius);background:var(--card);box-shadow:var(--shadow-pop-sm);grid-template-columns:28px minmax(0,1fr);gap:6px 10px;padding:12px 44px 12px 14px;display:grid;position:relative}.listen-button{border:1.5px solid var(--ink);border-radius:var(--radius-pill);background:var(--card);width:28px;height:28px;color:var(--ink);place-items:center;font-size:.85rem;line-height:1;transition:transform .12s,background .13s,color .13s;display:grid;position:absolute;top:8px;right:8px}.listen-button:hover{background:var(--vermillion);color:#fff;transform:scale(1.08)}.sentence-number{border:1.5px solid var(--ink);border-radius:var(--radius-pill);background:var(--gold-wash);width:24px;height:24px;color:var(--ink);place-items:center;font-size:.72rem;font-weight:700;display:grid}.japanese-line,.translation-line{grid-column:2;margin:0}.japanese-line{color:var(--ink);font-family:var(--font-jp);font-size:clamp(1.18rem,2.2vw,1.55rem);font-weight:700;line-height:2.15}.translation-line{color:var(--ink-soft);font-size:.88rem;font-weight:500;line-height:1.35}.cantonese-line{color:var(--ink);font-family:var(--font-jp);font-weight:700}ruby{ruby-position:over;ruby-align:center;margin-inline:.03em}rt{color:var(--vermillion);text-align:center;font-size:.55em;font-weight:700;line-height:1}.story-token{text-decoration-skip-ink:none;border-radius:6px;display:inline;position:relative}.story-token--glossary{cursor:help;text-decoration-line:underline;text-decoration-style:dotted;text-decoration-thickness:2px;-webkit-text-decoration-color:var(--vermillion);text-decoration-color:var(--vermillion);text-underline-offset:.18em}.story-token--glossary:hover,.story-token--glossary:focus-visible{outline:none;text-decoration-style:solid}.story-token--glossary:after{z-index:8;border:2px solid var(--ink);background:var(--ink);color:#fff;content:attr(data-tooltip);width:max-content;max-width:min(260px,80vw);font-family:var(--font-ui);opacity:0;pointer-events:none;text-align:left;white-space:pre-line;border-radius:10px;padding:8px 12px;font-size:.78rem;font-weight:500;line-height:1.35;transition:opacity .12s,transform .12s;position:absolute;bottom:calc(100% + 8px);left:50%;transform:translate(-50%,4px);box-shadow:3px 3px #16130f4d}.story-token--glossary:hover:after,.story-token--glossary:focus-visible:after{opacity:1;transform:translate(-50%)}.story-token--grammar{background:var(--gold-wash);box-shadow:inset 0 -3px 0 var(--vermillion);border-radius:5px;padding:0 2px;text-decoration-line:none}.story-token--glossary.story-token--grammar{text-decoration-line:none}.tutor-launch{z-index:35;border:var(--border);border-radius:var(--radius-pill);background:var(--vermillion);min-height:46px;box-shadow:var(--shadow-pop);color:#fff;justify-content:center;align-items:center;gap:8px;padding:0 18px;font-size:.86rem;font-weight:900;transition:bottom .18s,transform .12s,box-shadow .12s,opacity .14s;display:inline-flex;position:fixed;bottom:22px;right:22px}.tutor-launch-icon{line-height:0;display:none}.tutor-backdrop{z-index:38;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);cursor:pointer;background:#16130f59;border:0;padding:0;position:fixed;inset:0}.tutor-drawer{z-index:40;border:var(--border);border-radius:var(--radius);background:var(--card);width:min(420px,100vw - 28px);max-height:min(640px,100vh - 36px);box-shadow:var(--shadow-pop-lg);transform-origin:100% 100%;opacity:0;pointer-events:none;grid-template-rows:auto auto minmax(140px,1fr) auto;gap:12px;padding:14px;transition:transform .18s,opacity .14s;display:grid;position:fixed;bottom:18px;right:18px;transform:translateY(16px)scale(.96)}.tutor-drawer.open{opacity:1;pointer-events:auto;transform:translateY(0)scale(1)}.tutor-drawer-head{justify-content:space-between;align-items:start;gap:10px;display:flex}.tutor-drawer-head h3{margin:0;font-size:1.15rem;line-height:1.05}.tutor-context{border:1.5px dashed var(--ink-faint);background:var(--paper);max-height:118px;color:var(--ink-soft);font-family:var(--font-jp);white-space:pre-wrap;border-radius:10px;padding:10px;font-size:.82rem;font-weight:700;line-height:1.35;overflow:auto}.tutor-messages{align-content:start;gap:8px;min-height:0;display:grid;overflow:auto}.tutor-empty{border:2px dashed var(--ink-faint);border-radius:var(--radius);color:var(--ink-soft);margin:0;padding:18px;font-size:.86rem;font-weight:600;line-height:1.4}.tutor-message{border:1.5px solid var(--ink);width:fit-content;max-width:92%;box-shadow:var(--shadow-pop-sm);white-space:pre-wrap;border-radius:12px;padding:10px 12px;font-size:.86rem;font-weight:600;line-height:1.42}.tutor-message.user{background:var(--sky-wash);justify-self:end}.tutor-message.assistant{background:var(--gold-wash);justify-self:start}.tutor-form{gap:8px;display:grid}.tutor-form textarea{border:1.5px solid var(--ink);background:var(--card);width:100%;min-width:0;color:var(--ink);font:inherit;resize:vertical;border-radius:10px;outline:none;padding:10px 12px;font-size:.9rem}.tutor-form textarea:focus{border-color:var(--sky);box-shadow:0 0 0 3px var(--sky-wash)}.story-list{gap:8px;display:grid}.story-list h3,.notebook-section h3{color:var(--ink);letter-spacing:.08em;text-transform:uppercase;margin:0;font-size:.74rem;font-weight:700}.study-cards{grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:8px;display:grid}.study-card{border:1.5px solid var(--ink);background:var(--card);border-radius:10px;align-content:start;gap:4px;min-width:0;padding:10px 12px;display:grid;position:relative}.study-card strong{overflow-wrap:anywhere;min-width:0;color:var(--ink);font-family:var(--font-jp);padding-right:28px;font-size:1.05rem;font-weight:900;line-height:1.15}.study-card p{color:var(--ink-soft);margin:0;font-size:.82rem;font-weight:500;line-height:1.3}.reading-line{color:var(--vermillion);font-family:var(--font-jp);font-size:.78rem;font-weight:700;line-height:1.2}.card-meta{color:var(--ink-soft);font-size:.72rem;font-weight:500;line-height:1.25}.empty-note{color:var(--ink-soft);margin:0;font-size:.8rem;font-weight:500}.bookmark-button{border:1.5px solid var(--ink);border-radius:var(--radius-pill);background:var(--card);width:28px;height:28px;color:var(--ink-soft);place-items:center;font-size:.9rem;line-height:1;transition:transform .12s,background .13s,color .13s;display:grid;position:absolute;top:8px;right:8px}.bookmark-button:hover{color:var(--ink);transform:scale(1.1)}.bookmark-button.active{background:var(--gold);color:var(--ink)}.notebook-grid{grid-template-columns:minmax(240px,320px) minmax(0,1fr);align-items:start;gap:14px;display:grid}.notebook-section{border:var(--border);border-radius:var(--radius);background:var(--card);box-shadow:var(--shadow-pop);gap:10px;padding:14px;display:grid}.notebook-head{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;display:flex}.notebook-filters{gap:6px;display:flex}.nb-filter{border:1.5px solid var(--ink);border-radius:var(--radius-pill);background:var(--card);min-height:32px;color:var(--ink-soft);padding:0 14px;font-size:.74rem;font-weight:700;transition:background .13s,color .13s,box-shadow .12s,transform .12s}.nb-filter:hover{box-shadow:2px 2px 0 var(--ink);color:var(--ink);transform:translate(-1px,-1px)}.nb-filter.active{background:var(--ink);color:#fff}.saved-stories{gap:8px;display:grid}.saved-story{border:1.5px solid var(--ink);background:var(--card);border-radius:10px;gap:6px;padding:12px;display:grid}.saved-story strong{color:var(--ink);font-family:var(--font-jp);overflow-wrap:anywhere;font-size:1rem;font-weight:900;line-height:1.2}.saved-story-meta{color:var(--ink-soft);font-size:.72rem;font-weight:500}.saved-story-actions,.card-actions{gap:6px;display:flex}.tiny-button{border:1.5px solid var(--ink);border-radius:var(--radius-pill);background:var(--card);min-height:32px;color:var(--ink);padding:0 14px;font-size:.74rem;font-weight:700;transition:transform .12s,box-shadow .12s,background .13s,color .13s}.tiny-button:hover{box-shadow:2px 2px 0 var(--ink);transform:translate(-1px,-1px)}.tiny-button.primary{background:var(--vermillion);color:#fff}.tiny-button.danger:hover{background:var(--bad-wash);border-color:var(--bad);color:var(--bad)}.type-badge{border:1.5px solid var(--ink);border-radius:var(--radius-pill);letter-spacing:.06em;text-transform:uppercase;padding:2px 9px;font-size:.6rem;font-weight:700;position:absolute;top:8px;right:8px}.type-badge[data-type=kanji]{background:var(--vermillion-wash)}.type-badge[data-type=vocab]{background:var(--sky-wash)}.type-badge[data-type=grammar]{background:var(--gold-wash)}.notebook-cards .study-card strong{padding-right:64px}.notebook-empty{border:2px dashed var(--ink-faint);border-radius:var(--radius);text-align:center;justify-items:center;gap:10px;padding:28px 16px;display:grid}.notebook-empty p{max-width:360px;color:var(--ink-soft);margin:0;font-size:.86rem;font-weight:500;line-height:1.45}@keyframes busy-dots{0%{content:""}25%{content:"."}50%{content:".."}75%,to{content:"..."}}@keyframes loader-orbit{to{transform:rotate(360deg)}}@keyframes loader-chip-bob{0%,to{transform:rotate(0)scale(1)}50%{transform:rotate(-6deg)scale(1.08)}}@keyframes loader-text-fade{0%,to{opacity:.72;transform:translateY(1px)}50%{opacity:1;transform:translateY(-1px)}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important}}@media (max-width:980px){.shell{width:min(100% - 20px,760px)}.brand-copy{display:none}.view-tab{padding:0 12px;font-size:.82rem}.practice-view{grid-template-columns:1fr}.panel{max-height:none}.panel-toggle{display:flex}.panel-body{display:none}.panel.open .panel-body{display:flex}.story-panel,.scenario-panel,.notebook-grid{grid-template-columns:1fr}.study-forms{position:static}}@media (max-width:768px){.tutor-launch{right:calc(14px + env(safe-area-inset-right,0px));bottom:calc(14px + env(safe-area-inset-bottom,0px));z-index:45;border-radius:50%;width:52px;height:52px;min-height:52px;padding:0}.tutor-launch-text{display:none}.tutor-launch-icon{place-items:center;display:grid}.tutor-drawer{width:100%;max-width:none;height:auto;max-height:min(82dvh, calc(100dvh - env(safe-area-inset-top,0px) - 8px));padding:12px 14px calc(14px + env(safe-area-inset-bottom,0px));border-bottom:none;border-left:none;border-right:none;border-top:3px solid var(--ink);transform-origin:bottom;box-sizing:border-box;border-radius:20px 20px 0 0;bottom:0;left:0;right:0;transform:translateY(100%);box-shadow:0 -4px 24px #00000026}.tutor-drawer.open{transform:translateY(0)}.tutor-drawer-head{padding-top:12px;position:relative}.tutor-drawer-head:before{content:"";background:var(--ink-faint);border-radius:2px;width:36px;height:4px;position:absolute;top:4px;left:50%;transform:translate(-50%)}.tutor-form .primary-button{width:100%}}@media (max-width:560px){.shell{width:min(100% - 16px,520px);margin:10px auto}.game,.panel,.story-page,.scenario-page,.notebook-page{box-shadow:var(--shadow-pop);padding:12px}.view-switcher{flex-wrap:wrap;position:relative}.brand-lockup{flex:auto}.mobile-menu-toggle{display:flex}.nav-controls{z-index:100;border:var(--border);border-radius:var(--radius);background:var(--card);box-shadow:var(--shadow-pop-lg);flex-direction:column;gap:12px;padding:16px;display:none;position:absolute;top:calc(100% + 8px);left:0;right:0}.nav-controls.open{display:flex}.view-tabs{flex-direction:column;width:100%}.view-tab{text-align:center;width:100%;padding:8px;font-size:.9rem}.account-controls{border-top:1px solid var(--ink-faint);justify-content:center;width:100%;padding-top:12px}.topbar{align-items:center}h1,.story-topbar h2,.notebook-page .topbar h2{font-size:clamp(1.7rem,9vw,2.6rem)}.mode-chip{display:none}.scoreboard{grid-template-columns:repeat(2,minmax(0,1fr))}.arena{grid-template-rows:minmax(240px,1fr) auto;min-height:clamp(320px,100dvh - 320px,520px)}.challenge{min-height:250px;padding:18px 14px 8px}.bubble{padding:12px 28px 14px}.choices{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;padding:16px}.choice{min-height:110px}.mode,.set,.direction{min-height:44px;font-size:.8rem}@supports not (container-type:inline-size){.overlay-best{display:none}.overlay-card .primary-button{width:100%}}.panel-view{grid-template-columns:repeat(3,minmax(0,1fr))}.panel-view.kana-grid{grid-template-columns:repeat(5,minmax(0,1fr))}.panel-view.kanji-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.kana-grid .tile{min-height:58px}.kana-grid .tile .kana{font-size:1.18rem}.story-config,.scenario-choices,.study-cards{grid-template-columns:1fr}.story-config .wide{grid-column:1/-1}.story-actions{flex-direction:column}.story-actions button{width:100%}.story-toolbar{flex-direction:column;align-items:stretch}.notebook-head{flex-direction:column;align-items:flex-start}.api-dialog-actions{flex-direction:column}.api-dialog-actions button{width:100%}}