:root{--kana-font:"Hiragino Sans", "Hiragino Kaku Gothic ProN", "Yu Gothic", "Noto Sans JP", "Meiryo", sans-serif}.kana-menu-head{align-items:center;gap:12px;display:flex}.menu-sumi{object-fit:contain;filter:drop-shadow(0 2px 6px #00000080);flex:none;width:60px;height:60px}.kana-day-row{grid-template-columns:52px 1fr auto;gap:12px}.day-guide{object-fit:cover;border:2px solid var(--surface-white30);border-radius:50%;width:52px;height:52px}.day-tag{color:var(--brand-accent);margin-bottom:1px;font-size:11px;font-weight:800;display:block}.kana-day-row .ex-label small{color:var(--text-secondary);margin-top:2px;font-size:12px;display:block}.kana-day{flex-direction:column;max-width:480px;height:100%;margin:0 auto;display:flex;position:relative}.kana-day-head{padding:calc(env(safe-area-inset-top,0px) + 12px) 14px 10px;align-items:center;gap:10px;display:flex}.head-guide{object-fit:cover;border:2px solid var(--surface-white30);border-radius:50%;flex:none;width:38px;height:38px}.kana-day-title{font-size:16px;font-weight:800;line-height:1.2}.kana-day-title small{color:var(--text-secondary);margin-top:2px;font-size:12px;font-weight:600;display:block}.kana-tabs{-webkit-overflow-scrolling:touch;scrollbar-width:none;gap:8px;padding:0 14px 8px;display:flex;overflow-x:auto}.kana-tabs::-webkit-scrollbar{display:none}.kana-tab{white-space:nowrap;border:1px solid var(--surface-white10);background:var(--surface-white05);color:var(--text-secondary);border-radius:10px;flex:none;padding:9px 14px;font-size:13px;font-weight:700}.kana-tab.is-active{border-color:var(--brand-accent);background:color-mix(in srgb, var(--brand-accent) 16%, transparent);color:var(--text-primary)}.kana-screen{-webkit-overflow-scrolling:touch;overscroll-behavior:contain;padding:8px 14px calc(env(safe-area-inset-bottom,0px) + 24px);flex:1;overflow-y:auto}.guide-bubble{align-items:flex-start;gap:10px;margin-bottom:16px;display:flex}.guide-face{object-fit:cover;border:2px solid var(--brand-accent);border-radius:50%;flex:none;width:54px;height:54px}.guide-bubble .kana-lead{background:var(--surface-white05);border:1px solid var(--surface-white10);border-radius:4px 14px 14px;margin:0;padding:10px 13px}.kana-lead{color:var(--text-secondary);margin:0 0 14px;font-size:14px;line-height:1.5}.kana-lead b{color:var(--text-primary);font-family:var(--kana-font);letter-spacing:1px}.learn-grid{grid-template-columns:repeat(5,1fr);gap:8px;display:grid}.kana-card{aspect-ratio:1/1.12;border:1px solid var(--surface-white10);background:var(--surface-white05);color:var(--text-primary);border-radius:14px;flex-direction:column;justify-content:center;align-items:center;gap:2px;transition:border-color .15s,background .15s,transform .1s;display:flex;position:relative}.kana-card:active{transform:scale(.95)}.kana-card.is-playing{border-color:var(--brand-accent);background:color-mix(in srgb, var(--brand-accent) 14%, transparent)}.kana-glyph{font-family:var(--kana-font);font-size:32px;line-height:1}.kana-romaji{color:var(--text-secondary);font-size:12px;font-weight:700}.kana-sound{opacity:.5;font-size:10px;position:absolute;top:4px;right:5px}.word-strip{flex-direction:column;gap:8px;margin-top:22px;display:flex}.word-strip-title{text-transform:uppercase;letter-spacing:.06em;color:var(--brand-accent);margin-bottom:2px;font-size:12px;font-weight:800}.word-row{text-align:left;border:1px solid var(--surface-white10);background:var(--surface-white05);color:var(--text-primary);border-radius:12px;grid-template-columns:auto 1fr auto 24px;align-items:center;gap:12px;padding:10px 14px;display:grid;position:relative}.word-row.is-playing{border-color:var(--brand-accent)}.word-jp{font-family:var(--kana-font);font-size:22px}.word-romaji{color:var(--text-secondary);font-size:13px;font-weight:700}.word-gloss{color:var(--text-secondary);font-size:13px}.word-row .kana-sound{opacity:.6;font-size:14px;position:static}.recognize{flex-direction:column;align-items:center;gap:14px;padding-top:8px;display:flex}.recognize-count{color:var(--text-secondary);font-size:12px;font-weight:700}.recognize-glyph{font-family:var(--kana-font);margin:4px 0 2px;font-size:104px;line-height:1}.recognize .prompt{text-shadow:none}.recognize .options{width:100%;max-width:360px}.options.is-locked{pointer-events:none}.pronounce{flex-direction:column;align-items:center;gap:14px;padding-top:8px;display:flex}.pronounce .phrase-card{width:100%;max-width:340px}.kana-text{font-family:var(--kana-font)}.listen{flex-direction:column;align-items:center;gap:14px;padding-top:8px;display:flex}.listen-play{border:1.5px solid var(--surface-white30);background:var(--surface-white10);width:96px;height:96px;color:var(--text-primary);border-radius:9999px;place-items:center;font-size:40px;transition:transform .1s,border-color .15s,background .15s;display:grid}.listen-play:active{transform:scale(.94)}.listen-play.is-playing{border-color:var(--brand-accent);background:color-mix(in srgb, var(--brand-accent) 18%, transparent)}.kana-choice-grid{grid-template-columns:1fr 1fr;gap:10px;width:100%;max-width:320px;display:grid}.kana-choice-grid.is-locked{pointer-events:none}.kana-choice{aspect-ratio:1;border:1.5px solid var(--surface-white30);color:var(--text-primary);font-family:var(--kana-font);background:#14141cd1;border-radius:16px;font-size:44px;line-height:1;transition:border-color .2s,background .2s}.kana-choice.is-correct{border-color:var(--progress-correct);background:color-mix(in srgb, var(--progress-correct) 18%, transparent)}.kana-choice.is-wrong{border-color:var(--progress-wrong);background:color-mix(in srgb, var(--progress-wrong) 18%, transparent)}.kana-choice.is-word{font-size:26px}.flip-grid{grid-template-columns:repeat(4,1fr);gap:8px;margin-top:8px;display:grid}.flip-card{aspect-ratio:1/1.15;perspective:700px;background:0 0;border:none;padding:0}.flip-inner{width:100%;height:100%;transform-style:preserve-3d;transition:transform .45s cubic-bezier(.4,0,.2,1);display:block;position:relative}.flip-card.is-flipped .flip-inner{transform:rotateY(180deg)}.flip-face{backface-visibility:hidden;border-radius:14px;flex-direction:column;justify-content:center;align-items:center;gap:3px;padding:4px;display:flex;position:absolute;inset:0;overflow:hidden}.flip-back{transform:rotateY(180deg)}.flip-glyph{font-family:var(--kana-font);font-size:30px;line-height:1}.flip-card.is-word .flip-glyph{white-space:nowrap;font-size:19px}.flip-romaji{font-size:15px;font-weight:800}.flip-meaning{text-align:center;font-size:10.5px}.flip-card .kana-sound{opacity:.5;font-size:10px;position:absolute;top:4px;right:5px}.kana-done{text-align:center;gap:6px}.done-sumi{object-fit:contain;filter:drop-shadow(0 3px 10px #0000008c);width:130px;height:130px;animation:.4s ease-out sumi-pop}@keyframes sumi-pop{0%{opacity:0;transform:scale(.6)rotate(-8deg)}to{opacity:1;transform:scale(1)rotate(0)}}.done-outro{max-width:300px;color:var(--text-secondary);margin:4px 0 8px;font-size:13px;line-height:1.5}@font-face{font-family:KleeOneWeb;font-style:normal;font-weight:400 600;font-display:swap;src:url(/fonts/klee-one.woff2)format("woff2")}@font-face{font-family:Baloo2Web;font-style:normal;font-weight:400 800;font-display:swap;src:url(/fonts/baloo2.woff2)format("woff2")}html.book-kana{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--kana-font:"KleeOneWeb", "Hiragino Sans", "Hiragino Kaku Gothic ProN", "Yu Gothic", "Noto Sans JP", "Meiryo", sans-serif;--grad-peachy:linear-gradient(135deg, #ff567f, #ff834e);--grad-fresh:linear-gradient(135deg, #2bbf98, #ffcf4a);--paper-2:#fff8ea;--hair:#e7dcc8;--card-shadow:0 2px 0 #eadfca, 0 8px 22px #3a322c12;--text-primary:#2b2521!important;--text-secondary:#7a6f64!important;--text-dark:#2b2521!important;--brand-primary:#ff567f!important;--brand-accent:#ff834e!important;--progress-correct:#2bbf98!important;--progress-wrong:#e5484d!important;--bg-primary:#e0e3da!important;--surface-white05:#fff!important;--surface-white07:#fffaf0!important;--surface-white10:#f3ecdd!important;--surface-white15:#ece2cf!important;--surface-white30:#dccdb2!important;--surface-white40:#cdbb9c!important;--surface-white50:#bda986!important;--surface-overlay:#2b252112!important;--surface-overlay60:#ffffffdb!important}html.book-kana body{color:var(--text-primary);background-color:#e0e3da;background-image:radial-gradient(circle at 12px 12px,#3a322c0b 1px,#0000 1.6px);background-size:18px 18px;font-family:Baloo2Web,Zen Maru Gothic,Hiragino Maru Gothic ProN,system-ui,sans-serif}html.book-kana .lobby-head h1{letter-spacing:-.01em;background:var(--grad-peachy);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-weight:800}html.book-kana .kana-menu-head{padding:6px 4px 2px}html.book-kana .menu-sumi{filter:drop-shadow(0 3px 6px #3a322c2e)}html.book-kana .ex-row{border:2px solid var(--hair);box-shadow:var(--card-shadow);background:#fff;border-radius:16px;transition:border-color .15s,transform .1s}html.book-kana .ex-row:hover,html.book-kana .ex-row:active{border-color:var(--brand-accent);transform:translateY(-1px)}html.book-kana .day-guide{border:2px solid var(--brand-accent);box-shadow:0 2px 6px #e86a5740}html.book-kana .day-tag{color:var(--brand-primary)}html.book-kana .ex-theme{font-family:var(--kana-font);color:var(--brand-accent);font-size:18px;font-weight:600}html.book-kana .hint-text{color:var(--text-secondary)}html.book-kana .kana-day-head{border-bottom:2px dashed var(--hair);margin:0 8px}html.book-kana .close-button{border:2px solid var(--hair);color:var(--text-primary);background:#fff;font-size:20px;line-height:1;box-shadow:0 2px #eadfca}html.book-kana .head-guide{border:2px solid var(--brand-accent)}html.book-kana .kana-tab{border:2px solid var(--hair);color:var(--text-secondary);background:#fff;border-radius:999px;font-weight:700}html.book-kana .kana-tab.is-active{background:var(--grad-peachy);color:#fff;border-color:#0000;box-shadow:0 3px 10px #ff567f47}html.book-kana .guide-face{border:2px solid var(--brand-accent);box-shadow:0 2px 8px #e86a5738}html.book-kana .guide-bubble .kana-lead{background:var(--paper-2);border:2px solid var(--hair);color:var(--text-primary);border-top-left-radius:4px;font-weight:600}html.book-kana .kana-lead b{color:var(--brand-accent)}html.book-kana .kana-card{border:2px solid var(--hair);box-shadow:var(--card-shadow);background:#fff}html.book-kana .kana-card.is-playing{border-color:var(--brand-accent);background:color-mix(in srgb, var(--brand-accent) 12%, #fff)}html.book-kana .kana-romaji{color:var(--text-secondary)}html.book-kana .word-strip-title{color:var(--brand-primary)}html.book-kana .word-row{border:2px solid var(--hair);box-shadow:var(--card-shadow);background:#fff}html.book-kana .word-row.is-playing{border-color:var(--brand-accent)}html.book-kana .prompt{text-shadow:none;color:var(--text-primary)}html.book-kana .recognize-glyph{color:var(--text-primary)}html.book-kana .pick-option{border:2px solid var(--hair);color:var(--text-primary);box-shadow:var(--card-shadow);background:#fff}html.book-kana .pick-option.is-correct{border-color:var(--progress-correct);background:color-mix(in srgb, var(--progress-correct) 16%, #fff)}html.book-kana .pick-option.is-wrong{border-color:var(--progress-wrong);background:color-mix(in srgb, var(--progress-wrong) 14%, #fff)}html.book-kana .listen-play{border:2px solid var(--hair);color:var(--brand-accent);box-shadow:var(--card-shadow);background:#fff}html.book-kana .listen-play.is-playing{border-color:var(--brand-accent);background:color-mix(in srgb, var(--brand-accent) 14%, #fff)}html.book-kana .kana-choice{border:2px solid var(--hair);color:var(--text-primary);box-shadow:var(--card-shadow);background:#fff}html.book-kana .kana-choice.is-correct{border-color:var(--progress-correct);background:color-mix(in srgb, var(--progress-correct) 16%, #fff)}html.book-kana .kana-choice.is-wrong{border-color:var(--progress-wrong);background:color-mix(in srgb, var(--progress-wrong) 14%, #fff)}html.book-kana .phrase-card{background:var(--paper-2);box-shadow:0 4px 18px #3a322c14}html.book-kana .phrase-card:before{background:var(--grad-peachy)}html.book-kana .phrase-text{color:var(--text-primary);text-shadow:none}html.book-kana .phrase-romaji{color:var(--text-secondary)}html.book-kana .mic-button{box-shadow:0 6px 16px #38fdb64d}html.book-kana .mic-inner{color:#01c1d4;background:#fff}html.book-kana .mic-pill{border:2px solid var(--hair);color:var(--text-primary);background:#fff}html.book-kana .mic-pill.is-recording{background:color-mix(in srgb, var(--progress-wrong) 18%, #fff);border-color:var(--progress-wrong);color:var(--progress-wrong)}html.book-kana .mic-partial{color:var(--text-secondary)}html.book-kana .result{border:2px solid var(--hair);box-shadow:var(--card-shadow);background:#fff}html.book-kana .result-score{color:var(--brand-accent)}html.book-kana .chip{background:var(--surface-white10);color:var(--text-primary)}html.book-kana .chip.is-ok{background:color-mix(in srgb, var(--progress-correct) 20%, #fff);color:color-mix(in srgb, var(--progress-correct) 70%, #2b2521)}html.book-kana .chip.is-no{background:color-mix(in srgb, var(--progress-wrong) 18%, #fff);color:var(--progress-wrong)}html.book-kana .transcript{color:var(--text-secondary)}html.book-kana .ww-cue-word{color:var(--brand-primary)}html.book-kana .ww-cue-spelling{color:var(--text-primary);background:color-mix(in srgb, var(--brand-accent) 18%, #fff);border-color:color-mix(in srgb, var(--brand-accent) 55%, transparent)}html.book-kana .ww-grid{border:2px solid var(--hair);box-shadow:var(--card-shadow);background:#fff;padding:6px}html.book-kana .ww-tile{background:var(--surface-white10);color:var(--text-primary);font-family:var(--kana-font);text-transform:none}html.book-kana .ww-tile.is-tracing{background:var(--brand-accent);color:#fff}html.book-kana .ww-tile.is-found{background:color-mix(in srgb, var(--progress-correct) 80%, #fff);color:#2b2521}html.book-kana .ww-grid.flash-ok{box-shadow:0 0 0 3px var(--progress-correct)}html.book-kana .ww-grid.flash-no{box-shadow:0 0 0 3px var(--progress-wrong)}html.book-kana .flip-front{border:2px solid var(--hair);box-shadow:var(--card-shadow);color:var(--text-primary);background:#fff}html.book-kana .flip-back{background:var(--paper-2);border:2px solid var(--brand-accent);color:var(--text-primary)}html.book-kana .flip-romaji{color:var(--brand-accent)}html.book-kana .flip-meaning{color:var(--text-secondary)}html.book-kana .flip-card.is-playing .flip-front{border-color:var(--brand-accent)}html.book-kana .cta-button{background:var(--grad-peachy);color:#fff;box-shadow:0 4px 14px #ff567f4d}html.book-kana .ghost-button{border:2px solid var(--hair);color:var(--text-primary);background:#fff}html.book-kana .warn{background:color-mix(in srgb, var(--progress-wrong) 12%, #fff);border:2px solid color-mix(in srgb, var(--progress-wrong) 40%, transparent);color:color-mix(in srgb, var(--progress-wrong) 72%, #2b2521)}html.book-kana .done{background:var(--paper-2);border:2px solid var(--hair);box-shadow:var(--card-shadow)}html.book-kana .done-title{color:var(--brand-accent);font-family:var(--kana-font)}html.book-kana .done-score,html.book-kana .done-outro{color:var(--text-secondary)}html.book-kana .done-sumi{filter:drop-shadow(0 4px 10px #3a322c33)}:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}#root{height:100dvh}body{background:var(--bg-primary);color:var(--text-primary);-webkit-font-smoothing:antialiased;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif}button{font:inherit;cursor:pointer}button:disabled{cursor:default}.lobby{-webkit-overflow-scrolling:touch;overscroll-behavior:contain;max-width:720px;height:100%;margin:0 auto;padding:24px 16px 48px;overflow-y:auto}.lobby-head h1{margin:0 0 4px;font-size:24px}.subtitle{color:var(--text-secondary);margin:0 0 20px;font-size:14px;line-height:1.5}.controls{gap:12px;margin-bottom:20px;display:flex}.controls label{color:var(--text-secondary);align-items:center;gap:8px;font-size:13px;display:flex}.controls select{background:var(--surface-white10);color:var(--text-primary);border:1px solid var(--surface-white30);border-radius:8px;padding:6px 10px}.ex-list{flex-direction:column;gap:8px;margin:0;padding:0;list-style:none;display:flex}.ex-row{text-align:left;background:var(--surface-white05);border:1px solid var(--surface-white10);width:100%;color:var(--text-primary);border-radius:12px;grid-template-columns:44px 1fr auto;align-items:center;gap:12px;padding:12px 14px;display:grid}.ex-row:hover{border-color:var(--brand-primary)}.ex-rank{color:var(--brand-tertiary);font-size:11px;font-weight:800}.ex-label{font-size:15px}.ex-theme{color:var(--text-secondary);font-size:12px}.runner{-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;flex-direction:column;max-width:480px;height:100%;margin:0 auto;display:flex;position:relative;overflow:hidden}.runner-head{z-index:3;padding:calc(env(safe-area-inset-top,0px) + 12px) 14px 12px;align-items:center;gap:12px;display:flex;position:relative}.close-button{background:var(--surface-white30);width:32px;height:32px;color:var(--text-primary);border:none;border-radius:16px;flex:none}.fs-button{background:var(--surface-white30);width:32px;height:32px;color:var(--text-primary);cursor:pointer;border:none;border-radius:16px;flex:none;font-size:16px;line-height:1}.progress-bar{flex:1;gap:4px;display:flex}.progress-seg{background:var(--progress-remaining);opacity:.35;border-radius:2px;flex:1;height:4px;transition:background .25s,opacity .25s}.progress-seg.is-correct{background:var(--progress-correct);opacity:1}.progress-seg.is-wrong{background:var(--progress-wrong);opacity:1}.stage{z-index:0;position:absolute;inset:0}.video-stage{object-fit:cover;width:100%;height:100%}.stage-scrim{background:linear-gradient(#00000059 0%,#00000026 35%,#0d0d12eb 78%);position:absolute;inset:0}.play-gate{z-index:4;color:var(--text-primary);background:#0d0d128c;border:none;flex-direction:column;justify-content:center;align-items:center;gap:10px;font-size:15px;font-weight:700;display:flex;position:absolute;inset:0}.play-gate-glyph{background:var(--text-primary);width:68px;height:68px;color:var(--text-dark);border-radius:34px;place-items:center;padding-left:4px;font-size:26px;display:grid}.panel{z-index:2;padding:16px 16px calc(env(safe-area-inset-bottom,0px) + 20px);flex-direction:column;gap:12px;margin-top:auto;display:flex;position:relative}.prompt{text-shadow:0 1px 6px #00000080;margin:0;font-size:15px;font-weight:700}.options{flex-direction:column;gap:8px;transition:opacity .3s;display:flex}.options.is-hidden{opacity:0;pointer-events:none}.pick-option{text-align:left;border:1.5px solid var(--surface-white30);width:100%;color:var(--text-primary);background:#14141cd1;border-radius:12px;padding:14px 16px;font-size:15px;transition:border-color .2s,background .2s}.pick-option.is-correct{border-color:var(--progress-correct);background:#bbf2462e}.pick-option.is-wrong{border-color:var(--progress-wrong);background:#ff3f562e}.cue{text-align:center;max-width:94%;color:var(--text-primary);background:var(--surface-overlay60);text-shadow:0 1px 6px #0000008c;border-radius:16px;align-self:center;padding:10px 16px;font-size:17px;font-weight:700;line-height:1.35}.greet-replies{flex-wrap:wrap;justify-content:center;gap:6px;display:flex}.greet-reply{background:var(--surface-white10);border:1px solid var(--surface-white30);color:var(--text-primary);border-radius:999px;padding:6px 12px;font-size:13px}.karaoke{text-align:center;margin-bottom:4px}.karaoke-line{flex-wrap:wrap;justify-content:center;gap:6px;font-size:20px;font-weight:700;display:flex}.karaoke-word{color:var(--text-primary);border:1.5px solid color-mix(in srgb, var(--brand-accent) 45%, transparent);background:color-mix(in srgb, var(--brand-accent) 10%, transparent);text-shadow:0 1px 6px #000000b3;border-radius:8px;padding:3px 9px;transition:background .12s,border-color .12s}.karaoke-word.is-spoken{border-color:color-mix(in srgb, var(--brand-accent) 60%, transparent);background:color-mix(in srgb, var(--brand-accent) 60%, transparent)}.karaoke-word.is-active{border-color:var(--brand-accent);background:var(--brand-accent);color:var(--text-dark)}.karaoke-romaji{color:var(--text-secondary);margin-top:4px;font-size:13px}.phrase-card{box-shadow:0 0 18px color-mix(in srgb, var(--brand-secondary) 22%, transparent);background:#08080e52;border-radius:18px;flex-direction:column;align-items:center;gap:10px;padding:18px 16px;display:flex;position:relative}.phrase-card:before{content:"";border-radius:inherit;background:linear-gradient(135deg, var(--brand-secondary), var(--brand-yellow));-webkit-mask-composite:xor;pointer-events:none;padding:2px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#fff 0 0),linear-gradient(#fff 0 0);-webkit-mask-position:0 0,0 0;-webkit-mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}.phrase-text{text-align:center;text-shadow:0 1px 10px #000000b3;font-size:22px;font-weight:800}.phrase-romaji{color:var(--text-secondary);font-size:13px}.mic-zone{flex-direction:column;justify-content:center;align-items:center;gap:8px;min-height:120px;display:flex}.mic-button{background:linear-gradient(135deg, var(--brand-secondary), var(--brand-yellow));border:none;border-radius:9999px;place-items:center;width:83px;height:83px;padding:7px;transition:transform .15s,opacity .15s;display:grid}.mic-inner{background:var(--text-primary);width:100%;height:100%;color:var(--brand-accent);border-radius:9999px;place-items:center;display:grid}.mic-icon{width:26px;height:32px}.mic-button.is-capturing{animation:1.1s ease-in-out infinite pulse}.mic-button.is-arming{opacity:.45}.mic-button:disabled{opacity:.4;cursor:default}@keyframes pulse{50%{transform:scale(1.08)}}.mic-pill{background:var(--surface-overlay);letter-spacing:-.5px;color:var(--text-primary);text-align:center;border-radius:40px;padding:3px 14px;font-size:12px;font-weight:800}.mic-pill.is-recording{background:color-mix(in srgb, var(--progress-wrong) 42%, transparent)}.mic-partial{min-height:16px;color:var(--text-secondary);text-align:center;font-size:13px}.result{background:#14141cdb;border-radius:14px;flex-direction:column;align-items:center;gap:10px;padding:16px;display:flex}.result-score{color:var(--brand-tertiary);margin:0;font-size:34px;font-weight:800}.chips{flex-wrap:wrap;justify-content:center;gap:6px;display:flex}.chip{background:var(--surface-white10);border-radius:8px;padding:5px 10px;font-size:13px}.chip.is-ok{color:var(--progress-correct);background:#bbf24638}.chip.is-no{color:var(--progress-wrong);background:#ff3f5638}.transcript{color:var(--text-secondary);margin:0;font-size:12px;font-style:italic}.word-order{flex-direction:column;align-items:center;gap:12px;display:flex}.wo-answer{border:1.5px dashed var(--surface-white30);background:#14141cb3;border-radius:12px;flex-wrap:wrap;justify-content:center;align-items:center;gap:6px;width:100%;min-height:52px;padding:8px;display:flex}.wo-answer.is-correct{border-color:var(--progress-correct);border-style:solid}.wo-answer.is-wrong{border-color:var(--progress-wrong);border-style:solid}.wo-placeholder{color:var(--text-secondary);font-size:13px}.wo-pool{flex-wrap:wrap;justify-content:center;gap:8px;display:flex}.wo-chip{border:1px solid var(--surface-white30);color:var(--text-primary);background:#1e1e28eb;border-radius:10px;padding:10px 14px;font-size:15px}.wo-chip.is-used{opacity:.25}.wo-chip.is-placed{border-color:var(--brand-accent)}.matching{grid-template-columns:1fr 1fr;gap:10px;display:grid}.matching-col{flex-direction:column;gap:10px;display:flex}.match-chip{border:2px solid var(--surface-white10);color:var(--text-primary);background:#121218e6;border-radius:14px;padding:18px 12px;font-size:16px;font-weight:700;transition:border-color .15s,background .15s,opacity .15s}.match-chip.is-active{border-color:var(--brand-primary);background:color-mix(in srgb, var(--brand-primary) 16%, #121218e6)}.match-chip.is-matched{border-color:var(--progress-correct);background:color-mix(in srgb, var(--progress-correct) 16%, #121218e6);opacity:.85}.match-chip.is-wrong{border-color:var(--progress-wrong);animation:.25s shake}@keyframes shake{25%{transform:translate(-4px)}75%{transform:translate(4px)}}.waywords{flex-direction:column;align-items:center;gap:12px;display:flex}.ww-cue{align-items:center;gap:10px;font-size:14px;display:flex}.ww-cue-label{color:var(--text-secondary)}.ww-cue-word{color:var(--brand-accent);font-size:18px;font-weight:800}.ww-cue-spelling{letter-spacing:1px;color:var(--text-primary);background:color-mix(in srgb, var(--brand-accent) 22%, transparent);border:1px solid color-mix(in srgb, var(--brand-accent) 55%, transparent);border-radius:8px;padding:2px 8px;font-size:16px;font-weight:800}.ww-count{color:var(--text-secondary);font-size:12px}.ww-actions{align-items:center;gap:16px;display:flex}.ww-skip{color:var(--text-secondary);text-underline-offset:3px;cursor:pointer;background:0 0;border:none;padding:6px 8px;font-size:13px;text-decoration:underline}.ww-grid{touch-action:none;-webkit-user-select:none;user-select:none;background:#14141ce0;border-radius:12px;display:grid}.ww-grid.flash-ok{box-shadow:0 0 0 2px var(--progress-correct)}.ww-grid.flash-no{box-shadow:0 0 0 2px var(--progress-wrong)}.ww-tile{background:var(--surface-white10);text-transform:uppercase;border-radius:8px;place-items:center;font-weight:700;transition:background .1s,color .1s;display:grid}.ww-tile.is-blank{background:0 0}.ww-tile.is-tracing{background:var(--brand-accent);color:var(--text-dark)}.ww-tile.is-found{color:var(--text-dark);background:#bbf246d9}.ww-tile.is-hint{box-shadow:inset 0 0 0 2px var(--brand-accent);animation:1s ease-in-out infinite hint-pulse}@keyframes hint-pulse{50%{box-shadow:inset 0 0 0 2px var(--brand-accent), 0 0 10px color-mix(in srgb, var(--brand-accent) 55%, transparent)}}.cta-button{background:var(--text-primary);color:var(--text-dark);border:none;border-radius:12px;padding:14px 22px;font-size:15px;font-weight:800}.ghost-button{border:1px solid var(--surface-white30);color:var(--text-primary);background:0 0;border-radius:10px;padding:8px 14px;font-size:13px}.ghost-button:disabled{opacity:.35}.warn{border:1px solid var(--progress-wrong);color:#ffd7dc;background:#ff3f5626;border-radius:10px;margin:0;padding:10px 12px;font-size:13px;line-height:1.4}.hint-text{color:var(--text-secondary);text-align:center;margin:0;font-size:13px}.done{background:#14141ce6;border-radius:16px;flex-direction:column;align-items:center;gap:8px;padding:24px 16px;display:flex}.done-title{margin:0;font-size:24px;font-weight:800}.done-score{color:var(--text-secondary);margin:0 0 8px}