@import"https://fonts.googleapis.com/css2?family=Shippori+Mincho:wght@500;700&family=Zen+Kaku+Gothic+New:wght@400;500;700&display=swap";:root{--paper: var(--tg-theme-bg-color, #fbfbfa);--washi: var(--tg-theme-secondary-bg-color, #f0efec);--ink: var(--tg-theme-text-color, #1b1a17);--muted: var(--tg-theme-hint-color, #706e68);--link: var(--tg-theme-link-color, #2b6cb0);--seal: #c0392b;--seal-soft: rgba(192, 57, 43, .1);--gold: #9a7526;--gold-soft: rgba(154, 117, 38, .12);--edge: color-mix(in srgb, var(--ink) 12%, transparent);--edge-soft: color-mix(in srgb, var(--ink) 6%, transparent);--guide: color-mix(in srgb, var(--ink) 22%, transparent);--grade-good: #2f8f57;--grade-ok: #b0821f;--grade-bad: #c0392b;--jp: "Shippori Mincho", "Hiragino Mincho ProN", "Yu Mincho", serif;--ui: "Zen Kaku Gothic New", "Hiragino Sans", system-ui, sans-serif;--r: 14px;--pad: 16px}[data-scheme=dark]{--grade-good: #56c281;--grade-ok: #d9ae52;--grade-bad: #e2685a;--paper: var(--tg-theme-bg-color, #17181a);--washi: var(--tg-theme-secondary-bg-color, #202124);--ink: var(--tg-theme-text-color, #edecea);--muted: var(--tg-theme-hint-color, #a3a5aa);--seal: #e2685a;--seal-soft: rgba(226, 104, 90, .14);--gold: #d4aa5a;--gold-soft: rgba(212, 170, 90, .14)}:root[data-lock][data-scheme=light]{--paper: #fbfbfa;--washi: #f0efec;--ink: #1b1a17;--muted: #706e68;--link: #2b6cb0;--seal: #c0392b;--seal-soft: rgba(192, 57, 43, .1);--gold: #9a7526;--gold-soft: rgba(154, 117, 38, .12)}:root[data-lock][data-scheme=dark]{--grade-good: #56c281;--grade-ok: #d9ae52;--grade-bad: #e2685a;--paper: #17181a;--washi: #202124;--ink: #edecea;--muted: #a3a5aa;--link: #6ab0f3;--seal: #e2685a;--seal-soft: rgba(226, 104, 90, .14);--gold: #d4aa5a;--gold-soft: rgba(212, 170, 90, .14)}*{box-sizing:border-box}*{scrollbar-width:thin;scrollbar-color:color-mix(in srgb,var(--ink) 22%,transparent) transparent}::-webkit-scrollbar{width:7px;height:7px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:color-mix(in srgb,var(--ink) 18%,transparent);border-radius:999px;border:2px solid transparent;background-clip:content-box}:hover>::-webkit-scrollbar-thumb,::-webkit-scrollbar-thumb:hover{background:color-mix(in srgb,var(--ink) 34%,transparent);background-clip:content-box}::-webkit-scrollbar-thumb:active{background:var(--seal);background-clip:content-box}::-webkit-scrollbar-button{display:none}::-webkit-scrollbar-corner{background:transparent}html,body,#root{height:100%}body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--ui);font-size:17.5px;line-height:1.55;-webkit-font-smoothing:antialiased;overscroll-behavior:none}.jp{font-family:var(--jp)}.app{display:flex;flex-direction:column;height:var(--tg-viewport-stable-height, 100dvh);max-width:560px;margin:0 auto}.acct-btn{position:absolute;top:10px;right:54px;width:34px;height:34px;display:grid;place-items:center;padding:0;overflow:hidden;font-size:13px;color:var(--muted);background:none;border:1px solid var(--edge-soft);border-radius:50%;cursor:pointer}.acct-btn img{width:100%;height:100%;object-fit:cover}.acct-on{border-color:color-mix(in srgb,var(--seal) 55%,transparent);color:var(--seal)}.acct-in{font-size:12px;letter-spacing:-.06em}.theme-btn{position:absolute;top:10px;right:12px;width:34px;height:34px;display:grid;place-items:center;font-size:15px;line-height:1;color:var(--muted);background:none;border:1px solid var(--edge-soft);border-radius:50%;cursor:pointer;padding:0}.theme-btn:active{color:var(--ink)}.bar{position:relative;padding:12px var(--pad) 10px;border-bottom:1px solid var(--edge-soft);background:var(--paper)}.bar-title{padding-right:96px;font-family:var(--jp);font-size:19px;font-weight:700;letter-spacing:.02em}.bar-sub{display:flex;gap:10px;align-items:baseline;font-size:12px;color:var(--muted);font-variant-numeric:tabular-nums}.bar-focus{color:var(--seal);border-left:1px solid var(--edge);padding-left:10px}.rail{position:absolute;left:0;right:0;bottom:0;height:2px;background:var(--edge-soft)}.rail span{display:block;height:100%;background:var(--seal);transition:width .42s cubic-bezier(.2,.8,.2,1)}.body{flex:1;overflow-y:auto;-webkit-overflow-scrolling:touch}.screen{display:flex;flex-direction:column;gap:10px;padding:var(--pad);padding-bottom:24px}.has-pill .screen{padding-bottom:92px}.tabs{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--edge-soft);background:var(--paper);padding-bottom:env(safe-area-inset-bottom,0)}.tab{position:relative;display:flex;flex-direction:column;align-items:center;gap:3px;padding:8px 0 7px;border:0;background:none;color:var(--muted);cursor:pointer;font-family:inherit}.tab-en{font-size:10px;letter-spacing:.11em;line-height:1;text-transform:uppercase;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.tab-on{color:var(--ink)}.tab-on:before{content:"";position:absolute;top:0;left:50%;transform:translate(-50%);width:22px;height:2.5px;border-radius:0 0 3px 3px;background:var(--seal)}.eyebrow{display:flex;justify-content:space-between;align-items:center;font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:var(--muted)}.tag{font-family:var(--ui);font-size:12px;letter-spacing:.06em;text-transform:none;padding:2px 8px;border-radius:999px;background:var(--washi);border:1px solid var(--edge-soft)}.tag-assess{color:var(--seal);background:var(--seal-soft);border-color:transparent}.tag-practice{color:var(--gold);background:var(--gold-soft);border-color:transparent}.pace{font-variant-numeric:tabular-nums;color:var(--muted);letter-spacing:.04em}.pace-late{color:var(--gold)}.card{background:var(--washi);border:1px solid var(--edge-soft);border-radius:var(--r);padding:var(--pad);display:flex;flex-direction:column;gap:10px}.card-head{display:flex;gap:12px;justify-content:space-between;align-items:center;font-size:11.5px;color:var(--muted);letter-spacing:.04em}.exemplar{align-items:center;text-align:center;gap:4px;padding:26px var(--pad)}.surface-xl{font-family:var(--jp);font-size:68px;line-height:1.1;font-weight:500;letter-spacing:.04em}.reading{font-family:var(--jp);font-size:19px;color:var(--seal)}.gloss{font-size:15px;color:var(--muted)}.facts{display:flex;gap:22px;margin:0}.facts div{display:flex;align-items:baseline;gap:7px}.facts dt{font-size:11px;color:var(--muted);font-family:var(--ui)}.facts dd{margin:0;font-variant-numeric:tabular-nums;font-size:15px}.anim-wrap{display:flex;justify-content:center;align-items:flex-end;flex-wrap:wrap;gap:10px;padding:6px 0}.anim-cell{margin:0;display:flex;flex-direction:column;align-items:center;gap:2px}.anim-cell figcaption{font-size:13px;color:var(--muted)}.glyph-track{display:flex;align-items:center;gap:6px;padding:0 2px}.glyph-pip{min-width:28px;padding:2px 6px;text-align:center;font-family:var(--jp);font-size:16px;border-radius:8px;border:1px solid var(--edge-soft);color:var(--muted)}.pip-done{color:var(--seal);background:var(--seal-soft);border-color:transparent}.pip-now{color:var(--ink);border-color:var(--ink)}.glyph-count{margin-left:auto;font-size:11px;color:var(--muted);font-family:var(--jp);font-variant-numeric:tabular-nums}.anim{display:block}.anim-grid line{stroke:var(--guide);stroke-width:.5;stroke-dasharray:3 3}.anim-ghost{fill:none;stroke:var(--ink);stroke-opacity:.11;stroke-width:6;stroke-linecap:round;stroke-linejoin:round}.anim-done,.anim-live{fill:none;stroke:var(--ink);stroke-width:5.4;stroke-linecap:round;stroke-linejoin:round}.anim-tip{fill:var(--seal)}.contrast .pairs{display:flex;align-items:baseline;gap:12px;flex-wrap:wrap;font-size:30px;font-family:var(--jp)}.pair-vs{font-size:12px;color:var(--muted)}.pair-them{color:var(--muted);display:inline-flex;align-items:baseline;gap:6px}.pair-them em{font-size:12px;font-style:normal}.feature{margin:0;padding-left:10px;border-left:2px solid var(--seal);font-size:13.5px;line-height:1.5}.note{margin:0;font-size:14.5px;line-height:1.5;color:var(--muted)}ruby.ruby{ruby-position:over}ruby.ruby rt{font-family:var(--jp);font-size:.42em;font-weight:400;color:var(--seal);letter-spacing:.02em;opacity:.85;-webkit-user-select:none;user-select:none}ruby.ruby-off rt{visibility:hidden}.details{gap:12px}.det-badges{display:flex;gap:5px}.badge{font-size:10px;letter-spacing:.06em;text-transform:uppercase;padding:2px 7px;border-radius:999px;background:var(--paper);border:1px solid var(--edge-soft);color:var(--muted)}.badge-common{color:var(--seal);border-color:color-mix(in srgb,var(--seal) 35%,transparent)}.senses{margin:0;padding-left:20px;display:flex;flex-direction:column;gap:3px}.senses li{font-size:14.5px;line-height:1.45}.senses li::marker{color:var(--muted);font-size:12px}.det-grid{display:flex;flex-direction:column;gap:6px;margin:0}.det-grid div{display:grid;grid-template-columns:116px 1fr;gap:10px;align-items:baseline}.det-grid dt{font-size:11px;color:var(--muted);letter-spacing:.04em}.det-grid dd{margin:0;font-size:14px}.det-te{font-size:18px;color:var(--seal)}.det-pos{font-size:12px;color:var(--muted)}.det-chars{display:flex;flex-direction:column;gap:8px}.det-char{display:flex;align-items:baseline;gap:12px}.det-char-c{font-size:26px;line-height:1.2}.det-char-parts{font-size:17px;color:var(--muted);letter-spacing:.14em}.kcard{display:flex;flex-direction:column;gap:7px;padding:12px 14px;background:var(--paper);border:1px solid var(--edge-soft);border-radius:12px}.kcard-head{display:flex;align-items:baseline;gap:12px}.kcard-char{font-size:34px;line-height:1}.kcard-facts{display:flex;gap:9px;font-size:11px;color:var(--muted);letter-spacing:.04em;font-variant-numeric:tabular-nums}.kcard-mean{font-size:14px;line-height:1.4}.kcard-readings{display:flex;flex-direction:column;gap:4px;margin:0}.kcard-readings div{display:grid;grid-template-columns:26px 1fr;gap:10px;align-items:baseline}.kcard-readings dt{font-family:var(--ui);font-size:11px;color:var(--muted)}.kcard-readings dd{margin:0;font-size:15px}.kcard-parts{color:var(--seal);letter-spacing:.12em}.info-wrap{display:flex;flex-direction:column;gap:7px}.info-toggle{flex:none;align-self:flex-start;font-size:13px}.legend{position:absolute;left:10px;bottom:8px;display:flex;gap:10px;font-size:10.5px;color:var(--muted);pointer-events:none}.legend span{display:inline-flex;align-items:center;gap:4px}.sw{width:9px;height:9px;border-radius:50%;display:inline-block}.sw-good{background:var(--grade-good)}.sw-ok{background:var(--grade-ok)}.sw-bad{background:var(--grade-bad)}.to-hub{position:fixed;left:50%;transform:translate(-50%);bottom:calc(58px + env(safe-area-inset-bottom,0px));padding:7px 14px;font-size:12px;color:var(--muted);background:var(--paper);border:1px solid var(--edge);border-radius:999px;cursor:pointer;z-index:5}.gap-screen{gap:16px}.gap-score{font-variant-numeric:tabular-nums;letter-spacing:.04em}.gap-line{align-items:center;text-align:center;gap:8px;padding:22px var(--pad)}.gap-text{font-size:24px;line-height:2}.gap-slot{display:inline-block;min-width:3.2em;margin:0 2px;padding:0 4px;border-bottom:2px dashed var(--seal);color:var(--seal)}.slot-ok{border-bottom-style:solid;color:var(--grade-good);border-color:var(--grade-good)}.slot-no{border-bottom-style:solid;color:var(--grade-bad);border-color:var(--grade-bad)}.flow-flash{margin:0;text-align:center;font-family:var(--jp);font-size:17px;animation:flash .9s ease-out}.flash-ok{color:var(--grade-good)}.flash-no{color:var(--grade-bad)}@keyframes flash{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:none}}.linectx{display:flex;flex-direction:column;gap:8px;padding:12px 14px;background:var(--washi);border:1px solid var(--edge-soft);border-radius:var(--r)}.linectx-line{font-size:18px;line-height:1.75;color:var(--muted);text-align:center}.linectx-hit{color:var(--ink);font-weight:600;padding:1px 3px;border-radius:5px;background:var(--seal-soft);box-shadow:inset 0 -2px 0 0 var(--seal)}.linectx-blank{color:var(--seal);letter-spacing:.06em;box-shadow:none}.linectx-note{display:flex;align-items:baseline;gap:7px;flex-wrap:wrap;justify-content:center;font-size:13px;color:var(--muted)}.linectx-sung{font-size:19px;color:var(--ink)}.linectx-dict{font-size:19px;color:var(--seal)}.linectx-arrow{opacity:.6}.linectx-tag{font-size:10.5px;letter-spacing:.06em;text-transform:uppercase;padding:2px 7px;border-radius:999px;background:var(--gold-soft);color:var(--gold)}.linectx-lab{font-size:10.5px;letter-spacing:.06em;text-transform:uppercase}.build{min-height:62px;display:grid;place-items:center;padding:10px 14px;border-radius:var(--r);border:2px dashed var(--edge);font-size:32px;letter-spacing:.08em}.build-empty{color:var(--muted);opacity:.5}.build-bad{border-color:var(--grade-bad);color:var(--grade-bad)}.tiles{display:flex;flex-wrap:wrap;gap:9px;justify-content:center}.tile{min-width:62px;padding:14px 10px;font-size:28px;line-height:1;background:var(--washi);color:var(--ink);border:1px solid var(--edge);border-radius:12px;cursor:pointer;box-shadow:0 3px color-mix(in srgb,var(--ink) 10%,transparent);transition:transform .12s,opacity .12s}.tile:active{transform:translateY(2px);box-shadow:none}.tile-used{opacity:.25;box-shadow:none;transform:translateY(2px)}.listen-again{align-self:center;flex:none}.reading-cue{font-size:46px;line-height:1.2}.lineup-slot{min-height:74px;display:grid;place-items:center;padding:12px 14px;border-radius:var(--r);border:2px dashed var(--edge);font-size:21px;line-height:1.7;text-align:center}.tiles-words{gap:8px}.tile-word{min-width:0;padding:11px 14px;font-size:20px}.prompt{text-align:center;display:flex;flex-direction:column;gap:1px;padding-top:0}.prompt-cue{font-family:var(--jp);font-size:30px;line-height:1.25}.prompt-gloss{font-size:16px;color:var(--muted)}.prompt-ask{font-family:var(--ui);font-size:14px;color:var(--seal);letter-spacing:.08em}.canvas-wrap{position:relative}.canvas{display:block;width:100%;aspect-ratio:1;background:var(--washi);border:1px solid var(--edge);border-radius:var(--r);touch-action:none;cursor:crosshair}.stroke-count{position:absolute;right:10px;bottom:8px;pointer-events:none;font-family:var(--jp);font-size:12px;color:var(--muted);font-variant-numeric:tabular-nums}.row{display:flex;gap:8px;flex-wrap:wrap}.row .ghost-btn{flex:1}button{font-family:var(--ui)}.ghost-btn{min-width:68px;padding:8px 10px;font-family:var(--ui);font-size:14px;color:var(--ink);background:var(--washi);border:1px solid var(--edge);border-radius:10px;cursor:pointer}.ghost-btn:disabled{opacity:.38;cursor:default}.ghost-btn.hint{color:var(--gold);border-color:color-mix(in srgb,var(--gold) 40%,transparent)}.primary{padding:13px;font-family:var(--ui);font-size:16px;letter-spacing:.04em;color:var(--paper);background:var(--ink);border:0;border-radius:12px;cursor:pointer}.primary:disabled{opacity:.3;cursor:default}.danger{padding:13px;font-family:var(--ui);font-size:14px;color:var(--seal);background:none;border:1px solid color-mix(in srgb,var(--seal) 35%,transparent);border-radius:12px;cursor:pointer}.options{display:grid;grid-template-columns:1fr 1fr;gap:10px}.opt{display:flex;flex-direction:column;align-items:center;gap:3px;padding:20px 10px;background:var(--washi);border:1px solid var(--edge);border-radius:var(--r);color:var(--ink);cursor:pointer}.opt-surface{font-family:var(--jp);font-size:32px;line-height:1.2}.opt-reading{font-family:var(--jp);font-size:12px;color:var(--muted)}.opt-right{border-color:var(--grade-good);background:color-mix(in srgb,var(--grade-good) 14%,transparent);color:var(--ink)}.opt-wrong{border-color:var(--grade-bad);background:color-mix(in srgb,var(--grade-bad) 12%,transparent);text-decoration:line-through}.opt-dim{opacity:.4}.verdict{display:flex;flex-wrap:wrap;align-items:flex-start;gap:12px;padding:var(--pad);border-radius:var(--r);background:var(--washi);border:1px solid var(--edge-soft)}.verdict-body{flex:1;min-width:180px;display:flex;flex-direction:column;gap:7px}.verdict-body p{margin:0;font-size:14px}.verdict .primary{flex-basis:100%}.verdict-mark{flex:none;width:44px;height:44px;display:grid;place-items:center;font-family:var(--jp);font-size:22px;border-radius:4px;transform:rotate(-4deg)}.verdict-ok .verdict-mark{color:#fff;background:var(--grade-good)}.verdict-no .verdict-mark{color:#fff;background:var(--grade-bad)}.verdict-ok{border-color:color-mix(in srgb,var(--grade-good) 45%,transparent)}.verdict-no{border-color:color-mix(in srgb,var(--grade-bad) 45%,transparent)}.song-head{align-items:flex-start;gap:4px}.song-title{font-family:var(--jp);font-size:26px;font-weight:700}.song-meta{font-size:12px;color:var(--muted);letter-spacing:.05em}.cover-line{font-size:14px;margin-top:6px}.cover-line strong{font-size:20px;color:var(--seal);font-variant-numeric:tabular-nums}.lines{display:flex;flex-direction:column;gap:6px}.line{display:grid;grid-template-columns:30px 1fr auto;align-items:center;gap:10px;padding:8px 12px;text-align:left;background:none;border:1px solid var(--edge-soft);border-radius:10px;color:var(--ink)}.line-no{font-size:11px;color:var(--muted);font-variant-numeric:tabular-nums}.line-body{display:flex;flex-direction:column;align-items:flex-start;gap:5px;padding:4px 0;margin:0;background:none;border:0;color:inherit;text-align:left;cursor:pointer;font:inherit;min-width:0}.line-text{font-size:16px;line-height:1.5;color:var(--ink)}.line-items{display:flex;flex-wrap:wrap;gap:5px}.line-frac{font-size:11px;color:var(--muted);font-variant-numeric:tabular-nums}.line-done{border-color:color-mix(in srgb,var(--seal) 30%,transparent);background:var(--seal-soft)}.line-focus{border-color:var(--ink)}.chip{font-family:var(--jp);font-size:15px;padding:1px 6px;border-radius:6px;background:var(--washi);color:var(--muted)}.chip-done{color:var(--seal);background:var(--seal-soft)}.songs{display:flex;gap:8px;flex-wrap:wrap}.song-pick{flex:1 1 46%;display:flex;flex-direction:column;gap:1px;padding:11px 12px;text-align:left;background:none;border:1px solid var(--edge-soft);border-radius:10px;color:var(--muted);cursor:pointer}.song-pick-title{font-size:15px;line-height:1.3}.song-pick-meta{font-size:10.5px;letter-spacing:.05em}.song-on{color:var(--ink);border-color:var(--seal);background:var(--seal-soft)}.loading{font-size:44px;color:var(--muted);animation:pulse 1.4s ease-in-out infinite}@keyframes pulse{0%,to{opacity:.25}50%{opacity:.7}}.play-row{display:flex;align-items:center;gap:12px}.play-big{width:54px;height:54px;flex:none;border:0;border-radius:50%;background:var(--ink);color:var(--paper);font-size:18px;display:grid;place-items:center;cursor:pointer}.play-meta{display:flex;flex-direction:column;gap:1px;font-size:12px;color:var(--muted)}.play-time{font-variant-numeric:tabular-nums}.line-play{flex:none;width:30px;height:30px;border:1px solid var(--edge);border-radius:50%;background:var(--paper);color:var(--ink);font-size:11px;display:grid;place-items:center;cursor:pointer;padding:0}.line-play:disabled{opacity:.25;cursor:default}.line.line-sounding{border-color:var(--seal);background:var(--glow, var(--seal-soft))}.listen{align-self:center;display:inline-flex;align-items:center;gap:7px;padding:9px 16px;font-family:var(--jp);font-size:14px;color:var(--ink);background:var(--paper);border:1px solid var(--edge);border-radius:999px;cursor:pointer}.listen:disabled{opacity:.4;cursor:default}.kara{position:fixed;top:0;right:0;bottom:0;left:0;z-index:40;display:flex;flex-direction:column;background:var(--paper);color:var(--ink)}.kara-bar{display:flex;align-items:center;gap:12px;padding:12px 16px;border-bottom:1px solid var(--edge-soft)}.kara-exit{width:34px;height:34px;flex:none;display:grid;place-items:center;background:none;border:1px solid var(--edge-soft);border-radius:50%;color:var(--muted);cursor:pointer;padding:0;font-size:14px}.kara-title{flex:1;font-family:var(--jp);font-size:16px;font-weight:700}.kara-clock{font-size:12px;color:var(--muted);font-variant-numeric:tabular-nums}.kara-list{flex:1;overflow-y:auto;scroll-behavior:smooth;padding:34vh 20px 40vh}.kara-line{display:block;width:100%;padding:11px 0;margin:0;background:none;border:0;text-align:center;cursor:pointer;font-family:var(--jp);font-size:19px;line-height:1.9;color:var(--muted);opacity:.45;transition:opacity .18s,font-size .18s,color .18s}.kara-past{opacity:.28}.kara-now{color:var(--ink);opacity:1;font-size:27px;font-weight:600}.kara-now rt{opacity:1}.kara-foot{padding:10px 18px calc(12px + env(safe-area-inset-bottom,0px));border-top:1px solid var(--edge-soft);background:var(--paper)}.player{display:flex;flex-direction:column;gap:2px;max-width:560px;margin:0 auto}.seek{padding:12px 0;cursor:pointer;touch-action:none}.seek-track{position:relative;height:4px;background:var(--edge);border-radius:2px}.seek-fill{position:absolute;top:0;bottom:0;left:0;background:var(--seal);border-radius:2px}.seek-mark{position:absolute;top:-2px;width:1px;height:8px;background:var(--ink);opacity:.22;transform:translate(-.5px)}.seek-knob{position:absolute;top:50%;width:13px;height:13px;margin-left:-6.5px;border-radius:50%;background:var(--seal);transform:translateY(-50%);box-shadow:0 0 0 3px var(--paper)}.player-times{display:flex;justify-content:space-between;font-size:11px;color:var(--muted);font-variant-numeric:tabular-nums}.player-row{display:flex;align-items:center;justify-content:center;gap:20px;padding-top:6px}.tr-btn{width:40px;height:40px;flex:none;display:grid;place-items:center;background:none;border:0;border-radius:50%;color:var(--ink);font-size:17px;cursor:pointer;padding:0}.tr-rate{position:absolute;right:18px;min-width:44px;padding:5px 9px;font-size:12px;font-variant-numeric:tabular-nums;color:var(--muted);background:none;border:1px solid var(--edge-soft);border-radius:999px;cursor:pointer}.player-row{position:relative}.kara-open{display:inline-flex;align-items:center;gap:7px;padding:9px 15px;font-family:var(--ui);font-size:13px;color:var(--ink);background:var(--paper);border:1px solid var(--edge);border-radius:999px;cursor:pointer}.road{display:flex;flex-direction:column;height:100%;gap:14px;padding:16px 16px 20px}.road-head{display:flex;align-items:baseline;gap:10px;flex-wrap:wrap}.road-count{display:flex;align-items:baseline;gap:2px}.road-count strong{font-size:40px;line-height:1;color:var(--seal);font-variant-numeric:tabular-nums}.road-count span{font-size:17px;color:var(--muted);font-variant-numeric:tabular-nums}.road-sub{font-size:15px;color:var(--muted)}.road-path{flex:1;display:flex;flex-direction:column-reverse;align-items:center;gap:42px;padding:30px 0 44px;overflow-y:auto;overscroll-behavior:contain}.node{position:relative;width:78px;height:78px;flex:none;display:grid;place-items:center;border-radius:50%;border:2px solid var(--edge);background:var(--washi);color:var(--muted);font:inherit;cursor:pointer;padding:0;box-shadow:0 6px color-mix(in srgb,var(--ink) 8%,transparent)}.node-n{font-size:24px;font-weight:600;font-variant-numeric:tabular-nums}.node-locked{opacity:.45}.node-part{color:var(--ink);border-color:color-mix(in srgb,var(--seal) 50%,transparent)}.node-done{color:#fff;background:var(--seal);border-color:var(--seal);box-shadow:0 6px color-mix(in srgb,var(--seal) 45%,transparent)}.node-done .node-n{display:none}.node-tick{font-size:30px;line-height:1}.node-here{color:var(--paper);background:var(--ink);border-color:var(--ink);box-shadow:0 6px color-mix(in srgb,var(--ink) 35%,transparent);transform-origin:center}.node-flag{position:absolute;top:-19px;left:50%;transform:translate(-50%);padding:2px 8px;border-radius:999px;background:var(--seal);color:#fff;font-size:9px;letter-spacing:.1em;font-weight:700;white-space:nowrap}.node-ring{position:absolute;top:-7px;right:-7px;bottom:-7px;left:-7px;border-radius:50%;background:conic-gradient(var(--gold) calc(var(--p) * 1%),transparent 0);-webkit-mask:radial-gradient(circle,transparent 68%,#000 70%);mask:radial-gradient(circle,transparent 68%,#000 70%);pointer-events:none}.road-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.stat{display:flex;align-items:baseline;justify-content:center;gap:5px;padding:9px 6px;background:var(--washi);border:1px solid var(--edge-soft);border-radius:12px}.stat-icon{font-size:15px;color:var(--muted)}.stat-n{font-size:22px;font-weight:600;font-variant-numeric:tabular-nums}.stat-lab{font-size:12px;color:var(--muted)}.streak-live{border-color:color-mix(in srgb,var(--seal) 45%,transparent);background:var(--seal-soft)}.streak-live .stat-n{color:var(--seal)}.star-icon{color:var(--gold);font-family:var(--ui)}.goal{gap:7px}.goal-ring{--g: 0;width:26px;height:26px;flex:none;display:grid;place-items:center;border-radius:50%;background:conic-gradient(var(--seal) calc(var(--g) * 1%),var(--edge) 0)}.goal-ring i{width:19px;height:19px;border-radius:50%;background:var(--washi);display:grid;place-items:center;font-style:normal;font-size:10px;font-variant-numeric:tabular-nums}.node-stars{position:absolute;bottom:-30px;left:50%;transform:translate(-50%);display:flex;gap:5px;font-size:21px;line-height:1;color:var(--edge);-webkit-text-stroke:.5px color-mix(in srgb,var(--ink) 22%,transparent)}.node-stars i{font-style:normal;transition:color .2s}.node-stars i.on{color:var(--gold);-webkit-text-stroke:0;text-shadow:0 1px 3px color-mix(in srgb,var(--gold) 45%,transparent)}.road-modes{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:0 -16px -20px;padding:10px 12px 12px;background:var(--washi);border-top:1px solid var(--edge-soft)}.road-mode{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;min-height:64px;padding:10px 4px;background:var(--paper);color:var(--ink);border:1px solid var(--edge-soft);border-radius:13px;cursor:pointer;font:inherit;transition:transform .12s ease,border-color .12s ease}.road-mode:active:not(:disabled){transform:scale(.97);border-color:var(--seal)}.rm-en{font-size:12.5px;line-height:1;letter-spacing:.01em;color:var(--ink)}.road-off{opacity:.38;cursor:default}.road-off .ico{color:var(--muted)}.ico{display:block;flex:none}.sheet{position:fixed;left:0;right:0;bottom:0;z-index:60;max-height:72vh;overflow-y:auto;padding:16px 18px calc(20px + env(safe-area-inset-bottom,0px));background:var(--paper);border-top:1px solid var(--edge);border-radius:18px 18px 0 0;box-shadow:0 -16px 40px #00000047;display:flex;flex-direction:column;gap:12px}.sheet-bar{display:flex;align-items:center;gap:12px}.sheet-line{flex:1;font-family:var(--jp);font-size:19px;line-height:1.7}.sheet-close{width:32px;height:32px;flex:none;padding:0;border:1px solid var(--edge-soft);border-radius:50%;background:none;color:var(--muted);cursor:pointer}.sheet-words{display:flex;flex-direction:column;gap:8px}.sheet-word{display:flex;align-items:baseline;gap:10px;padding:9px 11px;background:var(--washi);border-radius:11px;border:0;text-align:left;cursor:pointer;font:inherit;color:var(--ink);width:100%}.sw-surface{font-family:var(--jp);font-size:20px}.sw-gloss{flex:1;font-size:13.5px;color:var(--muted)}.sw-more{font-size:11px;color:var(--seal)}.lv-bar{display:flex;align-items:center;gap:12px;padding:10px 16px 0}.lv-quit{width:30px;height:30px;flex:none;padding:0;border:1px solid var(--edge-soft);border-radius:50%;background:none;color:var(--muted);cursor:pointer}.lv-track{flex:1;height:8px;border-radius:4px;background:var(--edge);overflow:hidden}.lv-track i{display:block;height:100%;background:var(--seal);transition:width .28s ease}.lv-count{font-size:12px;color:var(--muted);font-variant-numeric:tabular-nums}@keyframes shake{0%,to{transform:translate(0)}15%{transform:translate(-9px)}30%{transform:translate(8px)}45%{transform:translate(-6px)}60%{transform:translate(5px)}75%{transform:translate(-3px)}}.gap-missed{animation:shake .46s ease-in-out;border-color:var(--grade-bad);box-shadow:0 0 0 2px color-mix(in srgb,var(--grade-bad) 30%,transparent)}@keyframes optIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}.options-live .opt{animation:optIn .26s ease-out both}.options-live .opt:nth-child(2){animation-delay:40ms}.options-live .opt:nth-child(3){animation-delay:80ms}.options-live .opt:nth-child(4){animation-delay:.12s}.opt{transition:background .16s,border-color .16s,opacity .16s}.verdict-pop{position:fixed;left:0;right:0;bottom:0;z-index:30;max-width:560px;margin:0 auto;border-radius:18px 18px 0 0;border:1px solid var(--edge);box-shadow:0 -14px 40px #0000004d;padding:16px 18px calc(18px + env(safe-area-inset-bottom,0px));animation:optIn .22s ease-out both}.verdict-inline{animation:optIn .2s ease-out both}.verdict-inline .primary{margin-top:4px}.canvas{max-height:34vh;margin:0 auto}.canvas-wrap{display:flex;flex-direction:column}.dial{--p: 0;width:128px;height:128px;margin:4px auto 0;border-radius:50%;display:grid;place-items:center;background:conic-gradient(var(--seal) calc(var(--p) * 1%),var(--edge-soft) 0);-webkit-mask:radial-gradient(circle,transparent 54%,#000 55%);mask:radial-gradient(circle,transparent 54%,#000 55%)}.dial-num{display:none}.dial-caption{text-align:center;font-size:13.5px;color:var(--muted)}.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.stats div{display:flex;flex-direction:column;align-items:center;gap:1px;padding:12px 6px;border:1px solid var(--edge-soft);border-radius:10px}.stats strong{font-size:22px;font-variant-numeric:tabular-nums}.stats span{font-size:10.5px;color:var(--muted);letter-spacing:.06em;text-transform:uppercase}.grid{display:flex;flex-wrap:wrap;gap:5px}.cell{min-width:34px;padding:5px 6px;text-align:center;font-size:15px;border-radius:7px;background:var(--paper);border:1px solid var(--edge-soft);color:var(--muted)}.cell-seen{color:var(--ink)}.cell-part{color:var(--gold);border-color:color-mix(in srgb,var(--gold) 35%,transparent)}.cell-done{color:var(--seal);background:var(--seal-soft);border-color:transparent}.mixup{display:flex;flex-direction:column;gap:5px;padding-top:6px}.mixup+.mixup{border-top:1px solid var(--edge-soft)}.mixup-pair{display:flex;align-items:baseline;gap:8px;font-size:21px}.mixup-pair em{font-style:normal;font-size:12px;color:var(--muted)}.mixup-pair .wrong{color:var(--muted);text-decoration:line-through}.mixup-n{margin-left:auto;font-size:12px;color:var(--muted);font-variant-numeric:tabular-nums}.done{align-items:center;text-align:center;padding-top:56px;gap:18px}.done h2{margin:0;font-size:20px;font-weight:500}.seal{width:84px;height:84px;display:grid;place-items:center;color:#fff;background:var(--seal);border-radius:6px;transform:rotate(-5deg)}:focus-visible{outline:2px solid var(--seal);outline-offset:2px}@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}