:root{--bg:#faf7f2;--card:#fff;--ink:#2b2723;--sub:#8a8177;--line:#eae4da;--hira:#d0553b;--hira-soft:#fbeae5;--kata:#3d5a97;--kata-soft:#e8edf7;--good:#4a8f5c;--good-soft:#e6f2ea;--bad:#c24a4a;--bad-soft:#f9e8e8;--gold:#c9972f;--gold-soft:#f8efdc;--accent:#c8502e;--wash:#f6ddc4;--shadow:0 1px 2px #4232260d, 0 6px 20px #42322617;--shadow-raised:0 2px 4px #a03c1e29, 0 10px 26px #a03c1e33;--radius:18px;--display:"Zen Maru Gothic", "Segoe UI", system-ui, sans-serif}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--bg:#171512;--card:#221f1b;--ink:#ede8e1;--sub:#9a9188;--line:#35302a;--hira:#e07a5f;--hira-soft:#3a2620;--kata:#7d9bd4;--kata-soft:#20293a;--good:#6fbc84;--good-soft:#1f3226;--bad:#d97c7c;--bad-soft:#3a2323;--gold:#dbb45e;--gold-soft:#37301f;--accent:#e06a48;--wash:#2b2531;--shadow:0 2px 10px #00000059;--shadow-raised:0 2px 4px #0006, 0 10px 26px #00000073}}:root{--bucket-new-bg:var(--card);--bucket-new-border:var(--line);--bucket-learning-bg:var(--gold-soft);--bucket-learning-border:var(--gold);--bucket-learned-bg:var(--good-soft);--bucket-learned-border:var(--good);--bucket-mastered-bg:var(--good);--bucket-mastered-border:var(--good);--bucket-mastered-ink:#fff;--heat-none-bg:var(--line);--heat-low-bg:var(--bad-soft);--heat-mid-bg:var(--gold-soft);--heat-high-bg:var(--good-soft)}:root[data-theme=dark]{--bg:#171512;--card:#221f1b;--ink:#ede8e1;--sub:#9a9188;--line:#35302a;--hira:#e07a5f;--hira-soft:#3a2620;--kata:#7d9bd4;--kata-soft:#20293a;--good:#6fbc84;--good-soft:#1f3226;--bad:#d97c7c;--bad-soft:#3a2323;--gold:#dbb45e;--gold-soft:#37301f;--accent:#e06a48;--wash:#2b2531;--shadow:0 2px 10px #00000059;--shadow-raised:0 2px 4px #0006, 0 10px 26px #00000073}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent;margin:0;padding:0}:root{--nav-height:calc(61px + env(safe-area-inset-bottom));--nav-clearance:calc(var(--nav-height) + 15px)}html,body,#root{min-height:100dvh}body{background-color:var(--bg);background-image:radial-gradient(620px 360px at 50% -140px, var(--wash) 0%, transparent 72%);color:var(--ink);background-repeat:no-repeat;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Noto Sans JP,Hiragino Sans,sans-serif;transition:background-color .25s,color .25s}button,input,textarea,select{color:inherit;font-family:inherit}:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.jp{font-family:Noto Sans JP,Hiragino Sans,Yu Gothic,-apple-system,sans-serif}body[data-font=maru] .jp{font-family:Zen Maru Gothic,Noto Sans JP,sans-serif}body[data-font=klee] .jp{font-family:Klee One,Noto Sans JP,sans-serif}.topbar{z-index:20;background:color-mix(in srgb, var(--bg) 78%, transparent);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:calc(10px + env(safe-area-inset-top)) 16px 8px;justify-content:space-between;align-items:center;gap:8px;display:flex;position:sticky;top:0}.topbar h1{font-family:var(--display);letter-spacing:.2px;align-items:center;gap:7px;font-size:20px;font-weight:700;display:flex}.topbar h1 .accent{color:var(--accent)}.topbar .torii{width:21px;height:21px;fill:var(--accent);flex:none;margin-top:-2px}main{padding:4px 16px var(--nav-clearance);max-width:560px;margin:0 auto;animation:.18s fade}main[data-screen=onboarding]{padding-bottom:calc(16px + env(safe-area-inset-bottom))}@keyframes fade{0%{opacity:.4;transform:translateY(4px)}to{opacity:1;transform:none}}.nav{z-index:30;background:var(--card);border-top:1px solid var(--line);padding:6px 4px calc(6px + env(safe-area-inset-bottom));justify-content:space-around;display:flex;position:fixed;bottom:0;left:0;right:0}.nav button{color:var(--sub);cursor:pointer;background:0 0;border:0;border-radius:12px;flex-direction:column;justify-content:center;align-items:center;gap:2px;min-width:56px;min-height:48px;padding:4px 10px;font-size:10.5px;font-weight:600;display:flex;position:relative}.nav button .ic{font-size:20px;line-height:1}.nav button[aria-current=page]{color:var(--accent);background:color-mix(in srgb, var(--accent) 11%, transparent)}.nav button[aria-current=page] .ic{transform:translateY(-1px)scale(1.08)}@media (prefers-reduced-motion:no-preference){.nav button .ic{transition:transform .15s}}.nav .badge{background:var(--bad);color:#fff;border-radius:99px;min-width:18px;padding:1px 6px;font-size:10px;font-weight:800;position:absolute;top:0;right:6px}.h2{font-family:var(--display);letter-spacing:.3px;justify-content:space-between;align-items:center;margin:18px 2px 10px;font-size:15px;font-weight:700;display:flex}.h2 small{color:var(--sub);font-weight:600}.card{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);margin-bottom:12px;padding:16px}.card.center{text-align:center}.errorCard{margin-top:24px}.errorCard .errorDetail{color:var(--sub);background:var(--bg);border:1px solid var(--line);white-space:pre-wrap;word-break:break-word;border-radius:10px;margin:12px 0;padding:10px;font-family:ui-monospace,Cascadia Mono,Consolas,monospace;font-size:11px;line-height:1.5;overflow-x:auto}.card.warn{border-color:var(--bad);background:var(--bad-soft);color:var(--bad);font-size:13.5px;font-weight:600}.pill{border-radius:999px;padding:3px 10px;font-size:11.5px;font-weight:700;display:inline-block}.pill.hira{background:var(--hira-soft);color:var(--hira)}.pill.kata{background:var(--kata-soft);color:var(--kata)}.pill.gold{background:var(--gold-soft);color:var(--gold)}.pill.good{background:var(--good-soft);color:var(--good)}.btn{cursor:pointer;text-align:center;background:var(--ink);width:100%;min-height:48px;color:var(--bg);border:0;border-radius:14px;padding:14px;font-size:15.5px;font-weight:700;transition:transform 80ms;display:block}.btn:active{transform:translateY(1px)scale(.99)}.btn.secondary{background:var(--card);color:var(--ink);border:1.5px solid var(--line)}.btn.hira{background:var(--hira);color:#fff;font-family:var(--display);box-shadow:var(--shadow-raised)}.btn.hira:active{box-shadow:var(--shadow)}.btn.good{background:var(--good);color:#fff}.btn.bad{background:var(--bad);color:#fff}.btn.small{border-radius:11px;width:auto;min-height:44px;padding:9px 12px;font-size:13.5px;display:inline-block}.btn:disabled{opacity:.45}.row{gap:10px;display:flex}.row>*{flex:1}.note{color:var(--sub);font-size:12.5px;line-height:1.5}.backBtn{color:var(--sub);cursor:pointer;background:0 0;border:0;min-height:44px;margin-bottom:4px;padding:10px 2px;font-size:14px;font-weight:800}.homeHero{margin-bottom:2px;padding:6px 2px 12px}.homeHero .big{font-family:var(--display);margin-bottom:3px;font-size:21px;font-weight:700}.homeHero .sub{color:var(--sub);font-size:12.5px;font-weight:600}.trailCard{text-align:left;background:var(--card);border:1px solid var(--line);border-radius:var(--radius);width:100%;box-shadow:var(--shadow);cursor:pointer;margin-bottom:12px;padding:12px 14px 10px;display:block}.trailCard svg{width:100%;height:auto;display:block}.trailCard .trailPath{fill:none;stroke:color-mix(in srgb, var(--sub) 38%, var(--line));stroke-width:2.5px;stroke-linecap:round;stroke-dasharray:1 7}.trailCard .stone{fill:var(--bg);stroke:color-mix(in srgb, var(--sub) 55%, var(--line));stroke-width:2px}.trailCard .stone.done{fill:var(--good);stroke:var(--good)}.trailCard .torii-marker{fill:var(--accent)}.trailCard .pulse{fill:none;stroke:var(--accent);stroke-width:1.5px;opacity:0}.trailCard .stone,.trailCard .torii-marker,.trailCard .pulse{transform-box:fill-box;transform-origin:50%}@media (prefers-reduced-motion:no-preference){.trailCard .stone,.trailCard .torii-marker{animation:.45s backwards stoneIn}.trailCard .pulse{animation:2.4s ease-out .8s infinite gatePulse}}@keyframes stoneIn{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:none}}@keyframes gatePulse{0%{opacity:.7;transform:scale(1)}70%{opacity:0;transform:scale(2.1)}to{opacity:0}}.trailMeta{justify-content:space-between;align-items:baseline;gap:10px;margin-top:6px;display:flex}.trailMeta .t{font-family:var(--display);font-size:14px;font-weight:700}.trailMeta .d{color:var(--sub);white-space:nowrap;font-size:11.5px;font-weight:600}.homeScript{margin-bottom:12px}.reviewCard{justify-content:space-between;align-items:center;gap:12px;display:flex}.reviewCard .t{font-size:14.5px;font-weight:800}.reviewCard .d{color:var(--sub);margin-top:2px;font-size:12.5px;font-weight:600}.dueBadge{background:var(--bad);color:#fff;vertical-align:2px;border-radius:99px;margin-left:6px;padding:1px 6px;font-size:10px;font-weight:800}.progressRow{align-items:center;gap:10px;padding:8px 0;display:flex}.progressRow .pill{text-align:center;min-width:82px}.progressRow .count{color:var(--sub);text-align:right;min-width:72px;font-size:13px;font-weight:700}.bar{background:var(--line);border-radius:99px;flex:1;height:6px;overflow:hidden}.bar i{background:var(--good);border-radius:99px;height:100%;transition:width .3s;display:block}.chartToolbar{top:calc(38px + env(safe-area-inset-top));z-index:10;background:var(--bg);align-items:center;gap:8px;padding:6px 0 8px;display:flex;position:sticky}.chartToolbar .lbl{color:var(--sub);font-size:12px;font-weight:700}.chartToolbar .segmented{flex:1}.romajiToggle{border:1px solid var(--line);background:var(--bg);min-height:44px;color:var(--sub);letter-spacing:.4px;cursor:pointer;border-radius:12px;padding:0 14px;font-size:12.5px;font-weight:800}.romajiToggle[aria-pressed=true]{background:var(--card);border-color:var(--hira);color:var(--hira);box-shadow:var(--shadow)}.groupCard{padding:12px}.groupCard.unlockPulse{border-color:var(--gold);animation:2s ease-out unlockPulse}@keyframes unlockPulse{0%,to{box-shadow:var(--shadow)}15%,55%{box-shadow:0 0 0 4px var(--gold-soft), 0 2px 16px var(--gold)}}@media (prefers-reduced-motion:reduce){.groupCard.unlockPulse{animation:none}}.groupCard.locked .kanaGrid{opacity:.55}.groupHead{justify-content:space-between;align-items:center;gap:8px;min-height:30px;margin-bottom:9px;display:flex}.groupHead .label{font-size:12.5px;font-weight:800}.groupHead .status{color:var(--sub);align-items:center;gap:8px;font-size:12px;font-weight:700;display:flex}.groupHead .status .done{color:var(--good);font-weight:800}.kanaGrid{grid-template-columns:repeat(5,1fr);gap:6px;display:grid}.kcell{-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;border:1.5px solid var(--bucket-new-border);background:var(--bucket-new-bg);text-align:center;cursor:pointer;border-radius:12px;flex-direction:column;justify-content:center;align-items:center;gap:1px;min-height:52px;padding:7px 2px 5px;display:flex;position:relative}.kcell:after{opacity:.85;font-size:10px;line-height:1;position:absolute;top:2px;right:4px}.kcell.bucket-learning{background:var(--bucket-learning-bg);border-color:var(--bucket-learning-border)}.kcell.bucket-learning:after{content:"•";color:var(--gold)}.kcell.bucket-learned{background:var(--bucket-learned-bg);border-color:var(--bucket-learned-border)}.kcell.bucket-learned:after{content:"✓";color:var(--good)}.kcell.bucket-mastered{background:var(--bucket-mastered-bg);border-color:var(--bucket-mastered-border)}.kcell.bucket-mastered:after{content:"★";color:var(--bucket-mastered-ink)}.kcell .g{font-size:19px;font-weight:600;line-height:1.15}.kcell .g.hira{color:var(--hira)}.kcell .g.kata{color:var(--kata);font-size:15px}.kcell .r{color:var(--sub);font-size:9.5px;font-weight:700}.kcell.bucket-mastered .g.hira,.kcell.bucket-mastered .g.kata,.kcell.bucket-mastered .r{color:var(--bucket-mastered-ink)}.bigKana{justify-content:center;align-items:center;gap:26px;padding-top:6px;display:flex}.bigKana .k{text-align:center}.bigKana .glyph{font-size:88px;font-weight:600;line-height:1.15}.bigKana .glyph.hira{color:var(--hira)}.bigKana .glyph.kata{color:var(--kata)}.bigKana .tag{letter-spacing:1px;color:var(--sub);text-transform:uppercase;font-size:11px;font-weight:800}.romajiBig{text-align:center;margin:6px 0 2px;font-size:38px;font-weight:800}.soundAlike{color:var(--sub);text-align:center;margin-bottom:6px;font-size:14px}.slot{border:1.5px dashed var(--line);text-align:center;color:var(--sub);border-radius:12px;margin-top:10px;padding:12px;font-size:12.5px;font-weight:600}.exWord{background:var(--bg);border-radius:14px;align-items:center;gap:10px;width:100%;margin-top:6px;padding:8px 10px;display:flex}.exWord .w{font-size:20px;font-weight:600}.exWord .m{color:var(--sub);flex:1;font-size:12.5px}.mnBox label{color:var(--gold);text-transform:uppercase;letter-spacing:.6px;font-size:11.5px;font-weight:800}.mnText{background:var(--gold-soft);border:1.5px dashed var(--gold);border-radius:12px;margin-top:6px;padding:10px 12px;font-size:14px;line-height:1.45}.mnBox textarea{background:var(--gold-soft);border:1.5px dashed var(--gold);width:100%;color:var(--ink);resize:vertical;border-radius:12px;min-height:64px;margin-top:6px;padding:10px;font-size:14px}.mnBox textarea::placeholder{color:var(--sub)}.mnActions{flex-wrap:wrap;gap:8px;margin-top:8px;display:flex}.srsRow{border-bottom:1px solid var(--line);align-items:center;gap:10px;padding:8px 0;display:flex}.srsRow:last-child{border-bottom:0}.srsRow .pill{text-align:center;min-width:82px}.srsRow .bucket{flex:1;font-size:13.5px;font-weight:800}.srsRow .acc{color:var(--sub);font-size:12.5px;font-weight:600}.statGrid{grid-template-columns:repeat(2,1fr);gap:10px;margin-bottom:12px;display:grid}.stat{background:var(--card);border:1px solid var(--line);text-align:center;box-shadow:var(--shadow);border-radius:16px;padding:12px}.stat .v{font-size:24px;font-weight:800}.stat .l{color:var(--sub);margin-top:2px;font-size:11px;font-weight:700}.kanaHeat{grid-template-columns:repeat(5,1fr);gap:6px;margin-bottom:6px;display:grid}.kh{text-align:center;background:var(--heat-none-bg);border:1px solid var(--line);border-radius:10px;padding:7px 2px;font-size:19px;font-weight:600}.kh.dual{font-size:14px}.kh.heat-low{background:var(--heat-low-bg)}.kh.heat-mid{background:var(--heat-mid-bg)}.kh.heat-high{background:var(--heat-high-bg)}.kh .acc{color:var(--sub);font-size:9.5px;font-weight:700;display:block}.weakRow{border-bottom:1px solid var(--line);align-items:center;gap:10px;padding:8px 0;display:flex}.weakRow:last-child{border-bottom:0}.weakRow .glyph{text-align:center;min-width:34px;font-size:24px;font-weight:600}.weakRow .glyph.hira{color:var(--hira)}.weakRow .glyph.kata{color:var(--kata)}.weakRow .m{flex:1;font-size:13.5px;font-weight:700}.weakRow .acc{color:var(--bad);font-size:13px;font-weight:800}.setRow{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:10px;padding:13px 2px;display:flex}.setRow:last-child{border-bottom:0}.setRow .t{font-size:14.5px;font-weight:700}.setRow .d{color:var(--sub);margin-top:2px;font-size:12px}.setRow a{color:var(--kata);font-weight:700}.switch{flex-shrink:0;width:48px;height:28px;position:relative}.switch input{opacity:0;cursor:pointer;z-index:1;width:100%;height:100%;margin:0;position:absolute;inset:0}.switch span{background:var(--line);border-radius:99px;transition:all .2s;position:absolute;inset:0}.switch span:before{content:"";background:#fff;border-radius:50%;width:22px;height:22px;transition:all .2s;position:absolute;top:3px;left:3px;box-shadow:0 1px 3px #00000040}.switch input:checked+span{background:var(--good)}.switch input:checked+span:before{transform:translate(20px)}.segmented{background:var(--bg);border:1px solid var(--line);border-radius:12px;gap:2px;padding:3px;display:flex}.segmented button{color:var(--sub);cursor:pointer;background:0 0;border:0;border-radius:9px;flex:1;min-height:44px;padding:8px 4px;font-size:13px;font-weight:700}.segmented button[aria-pressed=true]{background:var(--card);color:var(--ink);box-shadow:var(--shadow)}.importArea{background:var(--bg);border:1.5px solid var(--line);width:100%;color:var(--ink);resize:vertical;border-radius:12px;min-height:72px;margin-top:10px;padding:10px;font-family:ui-monospace,Cascadia Mono,Consolas,monospace;font-size:12.5px}.importArea::placeholder{color:var(--sub);font-family:inherit}.fileBtn{position:relative;overflow:hidden}.fileBtn input{opacity:0;cursor:pointer;position:absolute;inset:0}.lessonTop{align-items:center;gap:10px;margin:2px 0 12px;display:flex}.lessonTop .backBtn{margin:0;padding:6px 12px;font-size:18px}.lessonTop .lessonBar{height:8px}.phasePill{flex-shrink:0}.leaveConfirm{border-color:var(--gold)}.introCard{touch-action:pan-y;margin-bottom:84px;padding-top:14px}.qCard{touch-action:pan-y}.introGlyphs{justify-content:center;align-items:flex-end;gap:18px;padding-top:4px;display:flex}.introGlyphs .k{text-align:center}.introGlyphs .glyph{font-size:72px;font-weight:600;line-height:1.12}.introGlyphs .glyph.hira{color:var(--hira)}.introGlyphs .glyph.kata{color:var(--kata)}.introGlyphs .tag{letter-spacing:1px;color:var(--sub);text-transform:uppercase;font-size:10.5px;font-weight:800}.introSoundRow{justify-content:center;align-items:center;gap:10px;margin:4px 0 2px;display:flex}.introSoundRow .romajiBig{margin:0;font-size:28px}.audioRow{justify-content:center;align-items:center;gap:8px;margin:6px 0;display:flex}.audioBtn{border:1.5px solid var(--line);background:var(--card);cursor:pointer;border-radius:999px;flex-shrink:0;width:44px;height:44px;font-size:18px;line-height:1}.audioBtn:active{transform:scale(.94)}.audioBtn.big{width:72px;height:72px;margin:10px auto;font-size:30px;display:block}.audioNote{color:var(--sub);font-size:11.5px;font-style:italic;font-weight:600}.swipeHint{color:var(--sub);margin-top:8px;font-size:12px}.introStrokes{margin-top:6px}.strokeTabs{max-width:300px;margin:0 auto 4px}.strokeTabs button{min-height:34px;padding:5px 4px}.introMn{text-align:left;margin-top:10px}.mnScript+.mnScript{margin-top:10px}.introWords{margin-top:12px}.lessonContinueBar{left:0;right:0;bottom:var(--nav-height);z-index:15;background:color-mix(in srgb, var(--bg) 78%, transparent);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-top:1px solid var(--line);text-align:center;padding:8px 16px 6px;position:fixed}.lessonContinueBar .btn{width:min(100%,528px)}.lessonContinueBar .swipeHint{margin:4px 0 0}.moreChip{border:1px solid var(--line);background:color-mix(in srgb, var(--bg) 88%, transparent);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:var(--sub);cursor:pointer;border-radius:999px;padding:5px 14px;font-size:12px;font-weight:700;position:absolute;top:-32px;left:50%;transform:translate(-50%);box-shadow:0 2px 8px #00000014}.qInstruction{color:var(--sub);text-transform:uppercase;letter-spacing:.6px;margin-bottom:6px;font-size:13px;font-weight:800}.qGlyph{font-size:76px;font-weight:600;line-height:1.15}.qGlyph.hira{color:var(--hira)}.qGlyph.kata{color:var(--kata)}.qRomaji{padding:12px 0;font-size:44px;font-weight:800}.choiceGrid{grid-template-columns:repeat(2,1fr);gap:10px;margin-top:14px;display:grid}.choice{border:1.5px solid var(--line);background:var(--card);cursor:pointer;border-radius:14px;min-height:58px;font-size:21px;font-weight:700;transition:transform 80ms}.choice:active{transform:scale(.97)}.choice.correct{border-color:var(--good);background:var(--good-soft);color:var(--good)}.choice.wrong{border-color:var(--bad);background:var(--bad-soft);color:var(--bad)}.choice:disabled{cursor:default;opacity:1}.choice:disabled:not(.correct):not(.wrong){opacity:.55}.typeForm{gap:10px;margin-top:14px;display:flex}.typeForm input{border:1.5px solid var(--line);background:var(--bg);text-transform:lowercase;border-radius:14px;flex:1;min-width:0;padding:12px 14px;font-size:18px;font-weight:700}.typeForm input::placeholder{color:var(--sub);font-weight:500}.feedback{border-radius:14px;margin-top:14px;padding:12px 14px;font-size:14.5px;font-weight:700}.feedback.good{background:var(--good-soft);color:var(--good);text-align:center}.feedback.bad{background:var(--bad-soft);color:var(--bad);text-align:left}.feedback.bad .fbAnswer .jp{font-size:20px}.feedback.bad .fbHint{background:var(--gold-soft);border:1.5px dashed var(--gold);color:var(--ink);border-radius:12px;margin-top:8px;padding:8px 10px;font-size:13.5px;font-weight:600;line-height:1.45}.feedback.bad .fbNote{color:var(--sub);margin-top:8px;font-size:12px;font-weight:600}.feedback.bad .btn{margin-top:10px}.dontKnowBtn{color:var(--sub);cursor:pointer;text-underline-offset:3px;background:0 0;border:0;min-height:44px;margin-top:2px;padding:6px 10px;font-size:13px;font-weight:600;-webkit-text-decoration:underline dotted;text-decoration:underline dotted}.strokePlayer{flex-direction:column;align-items:center;gap:6px;margin-top:6px;display:flex}.strokeChars{justify-content:center;gap:10px;max-width:100%;display:flex}.strokeChar{width:var(--char-size,156px);height:var(--char-size,156px);position:relative}.strokeChar .strokeSvg,.strokeChar .strokeSvg svg{width:100%;height:100%;display:block}.strokeChar g[data-strokesvg=strokes] path{stroke-dasharray:3333;stroke-dashoffset:3333px}.strokePlayer.is-tracing .strokeChars{flex-wrap:wrap;width:100%}.strokePlayer.is-tracing .strokeChar{aspect-ratio:1;width:min(85vw,44dvh,340px);max-width:100%;height:auto}.strokePlayer.is-tracing g[data-strokesvg=strokes]>*{visibility:hidden}.strokePlayer.is-tracing g[data-strokesvg=strokes]>.trace-done{visibility:visible}.strokePlayer.is-tracing g[data-strokesvg=shadows]>.trace-active{fill:var(--gold);animation:1.4s ease-in-out infinite tracePulse}.strokePlayer.is-tracing g[data-strokesvg=shadows]>.trace-upcoming{opacity:.3}@keyframes tracePulse{0%,to{opacity:.45}50%{opacity:.85}}.traceInk{touch-action:none;cursor:crosshair;width:100%;height:100%;position:absolute;inset:0}.traceInk polyline{fill:none;stroke:var(--gold);stroke-width:56px;stroke-linecap:round;stroke-linejoin:round;opacity:.85}.traceInk.is-rejected polyline{stroke:var(--bad)}.traceInk.is-rejected{animation:.3s traceShake}@keyframes traceShake{25%{transform:translate(-5px)}50%{transform:translate(5px)}75%{transform:translate(-3px)}}.traceVerdict{pointer-events:none;justify-content:center;align-items:center;font-size:72px;font-weight:800;animation:.8s forwards verdictPop;display:flex;position:absolute;inset:0}.traceVerdict.ok{color:var(--good)}.traceVerdict.no{color:var(--bad)}@keyframes verdictPop{0%{opacity:0;transform:scale(.6)}25%{opacity:1;transform:scale(1.05)}70%{opacity:1}to{opacity:0;transform:scale(1)}}.traceProgress{color:var(--sub);text-align:center;font-size:12.5px;font-weight:600}.traceDone{color:var(--good);font-size:15px;font-weight:800}.strokePlayer.is-complete .strokeChars{animation:.45s traceSettle}@keyframes traceSettle{0%{transform:scale(1.04)}to{transform:scale(1)}}@media (prefers-reduced-motion:reduce){.strokePlayer.is-tracing g[data-strokesvg=shadows]>.trace-active{opacity:.7;animation:none}.traceInk.is-rejected,.traceVerdict,.strokePlayer.is-complete .strokeChars{animation:none}}.strokeControls{flex-wrap:wrap;justify-content:center;gap:8px;display:flex}.resultBanner{padding:22px 16px;position:relative;overflow:hidden}.resultKicker{color:var(--gold);margin-bottom:2px;font-size:15px;font-weight:800}.resultTitle{margin-bottom:4px;font-size:19px;font-weight:800;display:block}.resultBanner.pass{border-color:var(--good);background:linear-gradient(135deg, var(--good-soft), var(--card))}.resultActions{flex-direction:column;gap:10px;margin-top:14px;display:flex}.confetti{pointer-events:none;position:absolute;inset:0}.confetti i{opacity:0;border-radius:2px;width:8px;height:13px;animation:1.5s ease-in forwards confettiFall;position:absolute;top:-14px}.confetti i:nth-child(4n+1){background:var(--hira)}.confetti i:nth-child(4n+2){background:var(--kata)}.confetti i:nth-child(4n+3){background:var(--gold)}.confetti i:nth-child(4n+4){background:var(--good)}.confetti i:first-child{animation-delay:50ms;left:4%}.confetti i:nth-child(2){animation-delay:.3s;left:12%}.confetti i:nth-child(3){animation-delay:.12s;left:19%}.confetti i:nth-child(4){animation-delay:.42s;left:27%}.confetti i:nth-child(5){animation-delay:20ms;left:34%}.confetti i:nth-child(6){animation-delay:.25s;left:42%}.confetti i:nth-child(7){animation-delay:.5s;left:49%}.confetti i:nth-child(8){animation-delay:.1s;left:57%}.confetti i:nth-child(9){animation-delay:.35s;left:64%}.confetti i:nth-child(10){animation-delay:60ms;left:72%}.confetti i:nth-child(11){animation-delay:.28s;left:79%}.confetti i:nth-child(12){animation-delay:.16s;left:86%}.confetti i:nth-child(13){animation-delay:.45s;left:92%}.confetti i:nth-child(14){animation-delay:.2s;left:97%}@keyframes confettiFall{0%{opacity:1;transform:translateY(0)rotate(0)}to{opacity:0;transform:translateY(320px)rotate(300deg)}}@media (prefers-reduced-motion:reduce){.confetti{display:none}}.scopeRow{text-align:left;background:var(--bg);border:1.5px solid var(--line);cursor:pointer;border-radius:12px;width:100%;min-height:48px;margin-bottom:8px;padding:11px 12px;display:block}.scopeRow:last-child{margin-bottom:0}.scopeRow[aria-pressed=true]{border-color:var(--hira);background:var(--hira-soft)}.scopeRow:disabled{cursor:default;opacity:.6}.scopeRow .t{font-size:14.5px;font-weight:800}.scopeRow .d{color:var(--sub);margin-top:2px;font-size:12px}.groupSelect{border:1.5px solid var(--line);background:var(--bg);border-radius:12px;width:100%;min-height:48px;margin-top:8px;padding:10px 12px;font-size:14.5px;font-weight:700}.setupNote{margin:10px 2px 0}.setupStart{margin-top:16px}.quizCount{color:var(--sub);flex-shrink:0;font-size:13px;font-weight:800}.quizEndless{color:var(--sub);flex:1;font-size:13px;font-weight:800}.quizFinish{margin:0 0 10px auto;display:block}.quizNote{margin:-4px 2px 10px}.onboarding{min-height:calc(100dvh - 120px - env(safe-area-inset-top));flex-direction:column;padding-bottom:10px;display:flex}.obTop{justify-content:space-between;align-items:center;gap:8px;margin:2px 0 10px;display:flex}.obDots{gap:6px;display:flex}.obDots button{cursor:pointer;background:0 0;border:0;border-radius:50%;width:22px;height:22px;padding:0;position:relative}.obDots button:after{content:"";background:var(--line);border-radius:50%;transition:background .2s;position:absolute;inset:7px}.obDots button.on:after{background:var(--hira)}.obSkip{color:var(--sub);cursor:pointer;background:0 0;border:0;min-height:44px;padding:10px 4px;font-size:12.5px;font-weight:700}.obSlide{touch-action:pan-y;flex:1;animation:.18s fade}.obCard{padding:20px 18px}.obGlyphs{justify-content:center;align-items:flex-end;gap:30px;padding:10px 0 4px;display:flex}.obGlyphs .k{text-align:center}.obGlyphs .glyph{font-size:84px;font-weight:600;line-height:1.12;display:block}.obGlyphs .glyph.hira{color:var(--hira)}.obGlyphs .glyph.kata{color:var(--kata)}.obGlyphs .tag{letter-spacing:1px;color:var(--sub);text-transform:uppercase;font-size:10.5px;font-weight:800}.obTitle{margin:10px 0 8px;font-size:19px;font-weight:800}.obTitle.center{text-align:center}.obText{color:var(--ink);text-align:left;font-size:14px;line-height:1.6}.obText .jp{font-weight:600}.obBullet{border-bottom:1px solid var(--line);align-items:flex-start;gap:12px;padding:10px 0;display:flex}.obBullet:last-of-type{border-bottom:0}.obBullet .ic{flex-shrink:0;font-size:22px;line-height:1.3}.obBullet .t{font-size:14.5px;font-weight:800}.obBullet .d{color:var(--sub);margin-top:2px;font-size:12.5px;line-height:1.5}.note.center{text-align:center}.obChoice{align-items:center;gap:12px;display:flex}.obChoice .obChoiceGlyph{text-align:center;min-width:44px;color:var(--hira);flex-shrink:0;font-size:24px;font-weight:600}.obChoice .obChoiceBody{display:block}.obChoice .t{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.obChoice .d{display:block}.obThemes{grid-template-columns:repeat(2,1fr);gap:10px;display:grid}.obTheme{border:2px solid var(--line);background:var(--bg);cursor:pointer;text-align:center;border-radius:14px;padding:10px}.obTheme[aria-pressed=true]{border-color:var(--hira);background:var(--hira-soft)}.obTheme .t{margin-top:8px;font-size:14px;font-weight:800;display:block}.obTheme .d{color:var(--sub);font-size:11.5px;font-weight:600;display:block}.obThemePreview{border:1px solid #786e6440;border-radius:10px;flex-direction:column;align-items:center;gap:5px;padding:12px 10px;display:flex}.obThemePreview .glyph{font-size:26px;font-weight:600}.obThemePreview i{border-radius:99px;width:70%;height:5px;display:block}.obThemePreview i.short{width:45%}.obTheme.light .obThemePreview{background:#faf7f2}.obTheme.light .obThemePreview .glyph{color:#d0553b}.obTheme.light .obThemePreview i{background:#eae4da}.obTheme.dark .obThemePreview{background:#171512}.obTheme.dark .obThemePreview .glyph{color:#e07a5f}.obTheme.dark .obThemePreview i{background:#35302a}.obActions{flex-direction:column;gap:10px;margin-top:14px;display:flex}.obSettingsLink{color:var(--sub);cursor:pointer;text-underline-offset:3px;background:0 0;border:0;min-height:44px;padding:4px 10px;font-size:12.5px;font-weight:600;line-height:1.5;-webkit-text-decoration:underline dotted;text-decoration:underline dotted}.toast{left:50%;bottom:calc(var(--nav-clearance) + 8px);background:var(--ink);color:var(--bg);z-index:99;max-width:88vw;box-shadow:var(--shadow);text-align:left;pointer-events:none;border-radius:18px;align-items:center;gap:10px;padding:10px 14px;font-size:13.5px;font-weight:700;animation:.25s toastIn;display:flex;position:fixed;transform:translate(-50%)}@keyframes toastIn{0%{opacity:0;transform:translate(-50%)translateY(14px)}to{opacity:1;transform:translate(-50%)translateY(0)}}.toast button{pointer-events:auto;cursor:pointer;border:0;border-radius:99px;flex-shrink:0;font-weight:800}.toast .toastAction{background:var(--gold);color:#fff;padding:7px 14px;font-size:13px}.toast .toastClose{color:var(--bg);background:0 0;min-width:28px;min-height:28px;padding:4px 6px;font-size:16px;line-height:1}