:root{--bg: #f6f7f9;--fg: #1b1e26;--muted: #666e80;--ok: #1a8a4c;--bad: #c33232;--card: #ffffff;--card-line: #e2e5ec;--btn: #e6e9f0;--btn-hover: #d7dbe6;--field: #ffffff;--field-line: #ccd2de;--accent: #2a5db0;--accent-bg: #e2eaf9;--again: #b3261e;--again-bg: #fbe4e2;--hard: #8a5300;--hard-bg: #fbeeda;--good: #1a6b3c;--good-bg: #e0f2e6;--easy: #1f5aa8;--easy-bg: #e2ecfb;--hover-bright: .96;color-scheme:light}@media(prefers-color-scheme:dark){html:not([data-theme=light]){--bg: #11131a;--fg: #e8e6e3;--muted: #8b93a7;--ok: #5fd28a;--bad: #ff6b6b;--card: #191c26;--card-line: #232838;--btn: #262b3a;--btn-hover: #313850;--field: #0e1017;--field-line: #2a3040;--accent: #9dc0ff;--accent-bg: #2f3b55;--again: #ff9d95;--again-bg: #4a2320;--hard: #f0bd6a;--hard-bg: #40331c;--good: #7fdba3;--good-bg: #1e3a2a;--easy: #9dc0ff;--easy-bg: #24314b;--hover-bright: 1.18;color-scheme:dark}}html[data-theme=dark]{--bg: #11131a;--fg: #e8e6e3;--muted: #8b93a7;--ok: #5fd28a;--bad: #ff6b6b;--card: #191c26;--card-line: #232838;--btn: #262b3a;--btn-hover: #313850;--field: #0e1017;--field-line: #2a3040;--accent: #9dc0ff;--accent-bg: #2f3b55;--again: #ff9d95;--again-bg: #4a2320;--hard: #f0bd6a;--hard-bg: #40331c;--good: #7fdba3;--good-bg: #1e3a2a;--easy: #9dc0ff;--easy-bg: #24314b;--hover-bright: 1.18;color-scheme:dark}*{box-sizing:border-box}html{scrollbar-gutter:stable}body{margin:0;background:var(--bg);color:var(--fg);font:1rem/1.5 ui-sans-serif,system-ui,-apple-system,Segoe UI,sans-serif}main{max-width:46rem;margin:0 auto;padding:1rem;min-height:100dvh;display:flex;flex-direction:column}.pad{padding:2rem}header{display:grid;grid-template-columns:2.75rem 1fr 2.75rem;gap:.5rem;align-items:center;padding:0 0 .5rem;color:var(--muted);font-size:.85rem}header .title{min-width:0;display:flex;flex-direction:column;text-align:center}.icon-slot{width:2.75rem;height:2.75rem}header .title b,header .title small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}header .title b{color:var(--fg);font-size:1rem}header .title small{font-size:.8rem}button.icon{flex:none;width:2.75rem;height:2.75rem;display:grid;place-items:center;padding:0;background:transparent;color:var(--fg);border:2px solid var(--card-line);border-radius:50%}button.icon:hover{background:var(--btn);border-color:var(--accent);color:var(--accent)}button.icon svg{width:1.15rem;height:1.15rem;display:block}button.icon.back svg{transform:translate(-1px)}.progress{height:3px;background:var(--card-line);border-radius:2px;margin-bottom:1rem}.progress>i{display:block;height:100%;background:var(--accent);border-radius:2px;transition:width .3s ease}.counts{display:grid;grid-template-columns:repeat(3,1fr);gap:.5rem;margin:.8rem 0 0}.count{background:var(--bg);border:1px solid var(--card-line);border-radius:.6rem;padding:.6rem;display:flex;flex-direction:column;gap:.1rem}.count b{font-size:1.4rem;font-variant-numeric:tabular-nums}.count small{color:var(--muted);font-size:.8rem}.count.due b{color:var(--accent)}.grow{flex:1}.scrim{position:fixed;inset:0;background:#0a0c1480;z-index:8}.menu{position:fixed;top:0;right:0;bottom:0;z-index:9;width:min(21rem,85vw);overflow-y:auto;overscroll-behavior:contain;background:var(--card);border-left:1px solid var(--card-line);padding:0 1rem;padding-bottom:calc(1rem + env(safe-area-inset-bottom));animation:drawer-in .18s ease}@keyframes drawer-in{0%{transform:translate(100%)}}@media(prefers-reduced-motion:reduce){.menu{animation:none}}.menu-head{position:sticky;top:0;z-index:1;display:flex;align-items:center;justify-content:space-between;gap:.5rem;margin:0 -1rem .6rem;padding:.5rem 1rem;background:var(--card);border-bottom:1px solid var(--card-line)}.menu-head b{font-size:1rem}.menu .row{margin-top:.5rem}.switch{display:flex;align-items:center;gap:.7rem;cursor:pointer;font-size:1rem;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent}.switch input:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.switch input{appearance:none;flex:none;width:2.6rem;height:1.5rem;border-radius:999px;background:var(--btn);border:1px solid var(--field-line);position:relative;cursor:pointer;transition:background .15s}.switch input:after{content:"";position:absolute;top:50%;left:.15rem;transform:translateY(-50%);width:1.1rem;height:1.1rem;border-radius:50%;background:var(--card);box-shadow:0 1px 2px #0000004d;transition:left .15s}.switch input:checked{background:var(--accent);border-color:var(--accent)}.switch input:checked:after{left:calc(100% - 1.25rem)}.menu h3{font-size:.8rem;color:var(--muted);font-weight:500;margin:1.3rem 0 .4rem;letter-spacing:.02em}.switches{display:flex;flex-direction:column;gap:.9rem}.seg{display:grid;grid-auto-flow:column;grid-auto-columns:1fr;gap:.4rem}.seg button{min-height:2.75rem;display:flex;align-items:center;justify-content:center;border:1px solid var(--card-line);background:var(--card)}.seg button[aria-pressed=true]{background:var(--accent-bg);border-color:var(--accent);color:var(--accent)}.seg-pic button{min-height:3.6rem;padding:.5rem}.mini{display:grid;gap:.18rem;width:100%;max-width:5.5rem}.mini i{display:block;border-radius:.15rem}.mini.row4{grid-template-columns:repeat(4,1fr)}.mini.row4 i{height:1.5rem}.mini.grid2{grid-template-columns:1fr 1fr}.mini.grid2 i{height:.95rem}.mini .again{background:var(--again-bg);border:1px solid var(--again)}.mini .hard{background:var(--hard-bg);border:1px solid var(--hard)}.mini .good{background:var(--good-bg);border:1px solid var(--good)}.mini .easy{background:var(--easy-bg);border:1px solid var(--easy)}.slider{display:flex;align-items:center;gap:.7rem}.slider .letter{color:var(--muted);font-weight:600;line-height:1;flex:none}.slider .letter.small{font-size:.85rem}.slider .letter.big{font-size:1.5rem}.slider input[type=range]{flex:1;min-width:0;accent-color:var(--accent);height:2.75rem;cursor:pointer}.keymap{display:grid;grid-template-columns:auto 1fr;gap:.45rem .8rem;margin:0}.keymap dt{display:flex;gap:.25rem}.keymap dd{margin:0;color:var(--muted);font-size:.85rem;align-self:center}.keymap kbd{margin-left:0;border-color:var(--field-line);background:var(--field);opacity:1}button,.btn{background:var(--btn);color:var(--fg);border:0;border-radius:.4rem;padding:.5rem .9rem;font:inherit;font-size:.9rem;cursor:pointer}button:hover,.btn:hover{background:var(--btn-hover)}button.grade{font-weight:600}button.grade:hover{filter:brightness(var(--hover-bright))}button.again{background:var(--again-bg);color:var(--again)}button.again:hover{background:var(--again-bg)}button.hard{background:var(--hard-bg);color:var(--hard)}button.hard:hover{background:var(--hard-bg)}button.good{background:var(--good-bg);color:var(--good)}button.good:hover{background:var(--good-bg)}button.easy{background:var(--easy-bg);color:var(--easy)}button.easy:hover{background:var(--easy-bg)}kbd{font:inherit;font-size:.75rem;margin-left:.35rem;padding:0 .3rem;border:1px solid currentColor;border-radius:.25rem;opacity:.7}.dock{flex:none;margin-top:auto;padding-top:.8rem}.dock>button{width:100%}.grades{display:grid;gap:.45rem}.grades.row4{grid-template-columns:repeat(4,1fr)}.grades.grid2{grid-template-columns:1fr 1fr}.dock .grade,.dock .lane{min-height:3.5rem;font-size:1.05rem}main>.card.ask{flex:1;display:flex;flex-direction:column;justify-content:center;text-align:center}.card.ask .why summary{margin-inline:auto}.flip{border:0;border-top:1px solid var(--card-line);margin:1.2rem 0;width:100%}.card{background:var(--card);border:1px solid var(--card-line);border-radius:.8rem;padding:2rem}.chunk{color:var(--muted);font-size:.9rem;margin:0 0 .5rem;letter-spacing:.04em}.tag{background:var(--accent-bg);color:var(--accent);border-radius:.3rem;padding:.1rem .4rem;margin-left:.6rem;font-size:.75rem}.de{font-size:1.5rem;margin:0 0 1rem}input[type=text],input:not([type]){width:100%;padding:.8rem 1rem;font:inherit;font-size:1.15rem;background:var(--field);color:var(--fg);border:1px solid var(--field-line);border-radius:.5rem}input:disabled{opacity:.6}.answer{font-size:1.5rem;line-height:1.35;margin:1rem 0 .5rem}.answer .ok,.answer.ok{color:var(--ok)}.answer .chunk-word{color:var(--accent);font-weight:600}.answer .bad{color:var(--bad)}.row{display:flex;gap:.6rem;margin-top:1rem}.row.wrap{flex-wrap:wrap}button.wide{flex:1}.muted{color:var(--muted);font-size:.9rem}.err{color:var(--bad)}h1{font-size:1.3rem;margin:0 0 .5rem}.hint{color:var(--accent);font-size:1rem;margin:.8rem 0 0;letter-spacing:.02em}.stats{max-width:46rem}.stats h2{font-size:1rem;margin:1.6rem 0 .3rem}.stats h2:first-of-type{margin-top:1rem}.row.between{justify-content:space-between;align-items:center;margin-top:0}.chart{width:100%;height:auto;display:block;margin:.4rem 0 .2rem}.chart .grid{stroke:var(--card-line);stroke-width:1}.chart .axis{fill:var(--muted);font-size:11px}.chart .target{stroke:var(--accent);stroke-width:1.5;stroke-dasharray:5 4}.chart .line{fill:none;stroke:var(--accent);stroke-width:2}.chart .dot{fill:var(--accent)}.chart .bar-again{fill:var(--again)}.chart .bar-rest{fill:var(--card-line)}.chart .bar-ok{fill:var(--good)}.chart .bar-hinted{fill:var(--good);opacity:.42}.buckets{display:flex;flex-direction:column;gap:.4rem;margin-top:.5rem}.bucket{display:flex;align-items:center;gap:.8rem;font-size:.9rem}.bucket-label{flex:none;width:12rem}.bucket-track{flex:1;height:.7rem;background:var(--field);border-radius:.2rem;overflow:hidden}.bucket-bar{display:block;height:100%;border-radius:.2rem;min-width:2px}.b-unseen{background:var(--card-line)}.b-learning{background:var(--hard)}.b-learned{background:var(--good)}.b-long{background:var(--accent)}.weak{width:100%;border-collapse:collapse;font-size:.9rem;margin-top:.4rem}.weak th{text-align:left;font-weight:500;color:var(--muted);padding:.3rem .5rem .3rem 0}.weak td{padding:.3rem .5rem .3rem 0;border-top:1px solid var(--card-line)}.weak .chunk-word{color:var(--accent);font-weight:600}.home h2{font-size:1rem;margin:0 0 .2rem}.home .row{flex-wrap:wrap;margin-top:.6rem}.home.lanes{display:flex;flex-direction:column;gap:1.6rem}.lane-block .muted{margin:0 0 .7rem}button.lane.primary{width:100%;min-height:3.5rem;font-size:1.05rem}button.lane.primary:disabled{opacity:.45;cursor:not-allowed;filter:none}.lane-block.shut h2,.lane-block.shut .muted{opacity:.7}.sizes{display:flex;align-items:center;gap:.5rem;margin-top:.55rem;flex-wrap:wrap}.sizes .muted{margin:0;font-size:.8rem}.chip{background:transparent;border:1px solid var(--card-line);border-radius:999px;padding:.3rem .75rem;font-size:.85rem;color:var(--muted)}.chip:hover{background:var(--btn);color:var(--fg)}.exits{display:flex;flex-direction:column;gap:.5rem;margin-top:1rem}.exit{display:flex;align-items:center;gap:.8rem;width:100%;text-align:left;background:var(--card);border:1px solid var(--card-line);border-radius:.6rem;padding:.8rem 1rem;min-height:3.25rem}.exit .exit-copy{flex:1;display:flex;flex-direction:column}.exit .exit-copy b{font-size:.95rem;font-weight:600}.exit .exit-copy small{color:var(--muted);font-size:.8rem}.exit .glyph,.exit .chev{display:grid;place-items:center;flex:none}.exit .glyph{color:var(--accent)}.exit .glyph svg{width:1.25rem;height:1.25rem;display:block}.exit .chev{color:var(--muted)}.exit .chev svg{width:1.1rem;height:1.1rem;display:block;transform:translate(1px)}.dialog{position:fixed;z-index:10;top:50%;left:50%;transform:translate(-50%,-50%);width:min(24rem,calc(100vw - 2rem));background:var(--card);border:1px solid var(--card-line);border-radius:.8rem;padding:1.2rem;box-shadow:0 12px 32px #0a0c1447;animation:dialog-in .16s ease}@keyframes dialog-in{0%{opacity:0;transform:translate(-50%,-46%)}}@media(prefers-reduced-motion:reduce){.dialog{animation:none}}.dialog h2{font-size:1.05rem;margin:0 0 .4rem}.dialog p{margin:0}.dialog-actions{display:flex;gap:.5rem;margin-top:1.1rem}.dialog-actions button{flex:1;min-height:2.75rem}.dialog-actions .danger{background:var(--again-bg);color:var(--again);font-weight:600}.dialog-actions .danger:hover{background:var(--again-bg);filter:brightness(var(--hover-bright))}button.lane{font-weight:600;padding:.7rem 1.2rem;font-size:1rem}button.lane.review{background:var(--good-bg);color:var(--good)}button.lane.new{background:var(--easy-bg);color:var(--easy)}button.lane:hover{filter:brightness(var(--hover-bright))}button.lane.review:hover{background:var(--good-bg)}button.lane.new:hover{background:var(--easy-bg)}.alts{margin:.6rem 0 .2rem}.alts .alt{color:var(--muted);font-size:1rem;margin:.15rem 0}.why{margin:.6rem 0 .2rem}.why summary{color:var(--muted);font-size:.95rem;cursor:pointer;list-style:none;width:fit-content}.why summary::marker,.why summary::-webkit-details-marker{display:none}.why summary:before{content:"▸ "}.why[open] summary:before{content:"▾ "}.why p{color:var(--muted);font-size:.95rem;margin:.35rem 0 0;line-height:1.5}.sac-thai{display:inline-block;margin:.3rem 0 0;padding:.1rem .5rem;border:1px solid var(--line);border-radius:999px;color:var(--muted);font-size:.85rem}main.wide{max-width:80rem}.shadow-lib{display:flex;flex-direction:column;gap:1rem;width:100%;max-width:56rem;margin:0 auto}.shadow-add{display:flex;align-items:center;gap:.25rem;background:var(--card);border:1px solid var(--card-line);border-radius:999px;padding:.35rem .35rem .35rem 1rem}.shadow-add:focus-within{border-color:var(--accent)}.shadow-add.drop{border-style:dashed;border-color:var(--accent);background:var(--accent-bg)}.shadow-add svg{width:1.15rem;height:1.15rem;display:block}.shadow-add .lead{color:var(--muted);display:grid}.shadow-add input{flex:1;min-width:0;border:0;background:none;color:var(--fg);font:inherit;padding:.5rem .4rem}.shadow-add input:focus{outline:none}.shadow-add .file{flex:none;display:flex;align-items:center;gap:.35rem;height:2.5rem;padding:0 .85rem;border-radius:999px;color:var(--muted);font-size:.85rem;cursor:pointer;white-space:nowrap;font-variant-numeric:tabular-nums}.shadow-add .file:hover{background:var(--btn);color:var(--fg)}.shadow-add .file.ok{background:var(--good-bg);color:var(--good)}.shadow-add .file:focus-within{outline:2px solid var(--accent);outline-offset:2px}.shadow-add .go{flex:none;width:2.5rem;height:2.5rem;min-height:0;padding:0;border-radius:50%;display:grid;place-items:center;background:var(--accent);color:var(--card)}.shadow-add .go:hover{background:var(--accent);filter:brightness(var(--hover-bright))}.shadow-add .go:disabled{opacity:.5;cursor:progress}.shadow-add .picked{flex:1;min-width:0;display:flex;align-items:center;gap:.45rem;margin-left:-.5rem;padding:.25rem .25rem .25rem .7rem;border-radius:999px;background:var(--accent-bg);color:var(--accent);font-size:.9rem}.shadow-add .picked>span{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.shadow-add .picked button{flex:none;width:2rem;height:2rem;min-height:0;padding:0;border-radius:50%;display:grid;place-items:center;background:transparent;color:inherit}.shadow-add .picked button:hover{background:var(--card)}.shadow-add .picked button svg{width:1rem;height:1rem}.shadow-hint{margin:-.4rem 0 0 1rem;font-size:.8rem}.shadow-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(14rem,1fr));gap:1rem;margin-top:.5rem}.shadow-vid{position:relative;display:flex;flex-direction:column;gap:.45rem;min-width:0}.shadow-vid b{font-size:.9rem;font-weight:500;line-height:1.35;padding:0 .15rem;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.shadow-vid .thumb{position:relative;display:grid;place-items:center;aspect-ratio:16 / 9;width:100%;padding:0;overflow:hidden;border-radius:.7rem;background:#1b1e26;color:#fff}.shadow-vid .thumb:hover{background:#1b1e26}.shadow-vid .thumb.audio,.shadow-vid .thumb.audio:hover{background:linear-gradient(135deg,#2c3b5e,#0c0e14)}.shadow-vid .audio-mark{position:absolute;left:.6rem;top:.55rem;color:#ffffff8c}.shadow-vid .audio-mark svg{width:1.1rem;height:1.1rem;display:block}.shadow-vid .thumb img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform .2s}.shadow-vid .thumb:hover img{transform:scale(1.04)}.shadow-vid .play-mark{position:relative;width:2.75rem;height:2.75rem;border-radius:50%;display:grid;place-items:center;background:#0000008c;transition:transform .15s}.shadow-vid .thumb:hover .play-mark{transform:scale(1.1)}.shadow-vid .play-mark svg{width:1.1rem;height:1.1rem;display:block;fill:currentColor;transform:translate(1px)}.shadow-vid .count{position:absolute;right:.45rem;bottom:.55rem;padding:.05rem .4rem;border-radius:.3rem;background:#000000b3;color:#fff;font-size:.72rem;font-variant-numeric:tabular-nums}.shadow-vid .prog{position:absolute;left:0;right:0;bottom:0;height:4px;background:#ffffff40}.shadow-vid .prog i{display:block;height:100%;background:#9dc0ff}.shadow-vid .del{position:absolute;top:.4rem;right:.4rem;min-height:0;width:2rem;height:2rem;padding:0;display:grid;place-items:center;border-radius:999px;background:#000000a6;color:#fff;opacity:0}.shadow-vid .del svg{width:1rem;height:1rem;display:block}.shadow-vid:hover .del,.shadow-vid .del:focus-visible,.shadow-vid .del.armed{opacity:1}.shadow-vid .del:hover{background:#000000d9}.shadow-vid .del.armed{width:auto;display:flex;align-items:center;gap:.3rem;padding:0 .7rem;font-size:.8rem;font-weight:600;background:var(--again)}.shadow-play{display:grid;grid-template-columns:minmax(0,1fr) minmax(18rem,22rem);gap:1.25rem;align-items:start}.shadow-main{display:flex;flex-direction:column;gap:.6rem;min-width:0}.shadow-bar{display:flex;align-items:center;gap:.75rem}.shadow-title{flex:1;min-width:0;margin:0;color:var(--muted);font-size:.9rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.shadow-size{display:flex;gap:.1rem;padding:.2rem;background:var(--btn);border-radius:.7rem}.shadow-size button{width:2.3rem;height:2rem;min-height:0;padding:0;display:grid;place-items:center;background:transparent;color:var(--muted);border-radius:.5rem}.shadow-size button:hover{background:transparent;color:var(--fg)}.shadow-size button[aria-pressed=true]{background:var(--card);color:var(--accent);box-shadow:0 1px 2px #00000026}.shadow-size svg{width:1.1rem;height:1.1rem;display:block}.stage{background:#0c0e14;color:#eef0f5;border-radius:1rem;overflow:hidden;position:relative}.stage svg{display:block}.screen{position:relative}.yt{aspect-ratio:16 / 9;background:#000}.yt iframe{width:100%;height:100%;display:block;border:0;pointer-events:none}.line-bar{position:absolute;left:0;right:0;bottom:0;height:3px;background:#ffffff1f}.line-bar i{display:block;height:100%;width:0;background:#9dc0ff;transition:width .06s linear}.caption{display:flex;flex-direction:column;align-items:center;gap:.4rem;padding:1rem 1.4rem 0;text-align:center}.state{display:flex;align-items:center;gap:.5rem;height:1.4rem;color:#a9b1c5}.state svg{width:1rem;height:1rem}.state.speak{color:#7fdba3}.state.speak svg{animation:shadow-pulse 1s ease-in-out infinite}@keyframes shadow-pulse{50%{transform:scale(1.25)}}.state .loading{width:1rem;height:1rem;border-radius:50%;border:2px solid rgba(255,255,255,.2);border-top-color:#9dc0ff;animation:shadow-spin .8s linear infinite}@keyframes shadow-spin{to{transform:rotate(360deg)}}.dots{display:flex;gap:.3rem}.dots i{width:.45rem;height:.45rem;border-radius:50%;background:#ffffff2e}.dots i.on{background:#9dc0ff}.stage .line{margin:0;max-width:40ch;min-height:2.7em;font-size:clamp(1.25rem,2.4vw,1.75rem);line-height:1.35;font-weight:500;text-wrap:balance}.stage[data-size=small] .stage-head{display:grid;grid-template-columns:minmax(10rem,15rem) 1fr;align-items:center;gap:1rem;padding:1rem 1rem 0}.stage[data-size=small] .screen{border-radius:.6rem;overflow:hidden}.stage[data-size=small] .caption{padding:0;align-items:flex-start;text-align:left}.stage[data-size=off] .screen{position:static}.stage[data-size=off] .yt{position:absolute;top:0;left:0;width:200px;opacity:0;pointer-events:none}.stage[data-size=off] .line-bar{top:0;bottom:auto}.stage[data-size=off] .caption{padding-top:2.2rem}.stage[data-size=off] .line{font-size:clamp(1.4rem,2.8vw,2rem)}.transport{display:flex;align-items:center;justify-content:center;gap:.75rem;padding:.6rem 0 1rem}.transport button{width:3rem;height:3rem;min-height:0;padding:0;border-radius:50%;display:grid;place-items:center;background:transparent;color:#c9cfdc}.transport button svg{width:1.25rem;height:1.25rem}.transport button:hover{background:#ffffff14;color:#fff}.transport button.main{width:4rem;height:4rem;background:#eef0f5;color:#0c0e14}.transport button.main:hover{background:#fff;color:#0c0e14}.transport button.main svg{width:1.5rem;height:1.5rem}.transport button:disabled{opacity:.3;cursor:default;background:transparent}.transport button.main:disabled{background:#eef0f5}.chips{position:relative;display:flex;flex-wrap:wrap;justify-content:center;gap:.4rem;padding:.85rem;border-top:1px solid rgba(255,255,255,.07)}.chip{display:flex;align-items:center;gap:.35rem;height:2.25rem;min-height:0;padding:0 .8rem;border-radius:999px;background:#ffffff0f;color:#d8dce6;font-size:.85rem;font-variant-numeric:tabular-nums}.chip svg{width:1rem;height:1rem;color:#8b93a7}.chip:hover{background:#ffffff1f}.chip[aria-expanded=true]{background:#9dc0ff;color:#0c0e14}.chip[aria-expanded=true] svg{color:#0c0e14}.chip.toggle[aria-pressed=false]{opacity:.5}.chip.toggle[aria-pressed=true] svg{color:#7fdba3}.stage button:focus-visible{outline:2px solid #9dc0ff;outline-offset:2px}.pop{position:absolute;bottom:calc(100% - .3rem);left:50%;transform:translate(-50%);z-index:5;display:flex;gap:.25rem;padding:.4rem;max-width:calc(100% - 1rem);overflow-x:auto;background:#1e2230;border:1px solid rgba(255,255,255,.1);border-radius:.8rem;box-shadow:0 10px 30px #00000080}.pop button{min-width:2.75rem;height:2.4rem;min-height:0;padding:0 .65rem;flex:none;background:transparent;color:#c9cfdc;font-variant-numeric:tabular-nums;white-space:nowrap}.pop button:hover{background:#ffffff14}.pop button[aria-pressed=true]{background:#9dc0ff;color:#0c0e14;font-weight:600}.pop.tune{flex-direction:column;gap:.35rem;padding:.6rem .8rem}.tune-head{margin:0 0 .1rem;color:#8b93a7;font-size:.75rem;text-align:center;font-variant-numeric:tabular-nums}.stage .line.failure{font-size:1rem;font-weight:400;color:#ff9d95;min-height:0}.nudge{display:grid;grid-template-columns:4.5rem 2.4rem 3.6rem 2.4rem;align-items:center;gap:.2rem;color:#a9b1c5;font-size:.85rem}.nudge b{text-align:center;color:#eef0f5;font-weight:500;font-variant-numeric:tabular-nums}.nudge button{font-size:1.1rem}.shadow-keys{display:flex;justify-content:center;gap:1.2rem;margin:.2rem 0 0;color:var(--muted);font-size:.75rem}.shadow-keys kbd{margin:0 .15rem 0 0}.shadow-lines{padding:0;overflow:hidden;display:flex;flex-direction:column;max-height:calc(100dvh - 5.5rem);position:sticky;top:1rem}.shadow-lines header{display:flex;align-items:center;gap:.6rem;padding:.7rem .9rem;border-bottom:1px solid var(--card-line);font-size:.8rem;font-variant-numeric:tabular-nums}.shadow-lines .meter{flex:1;height:4px;border-radius:2px;background:var(--btn);overflow:hidden}.shadow-lines .meter i{display:block;height:100%;background:var(--accent);transition:width .3s ease}.shadow-lines ol{list-style:none;margin:0;padding:.35rem;overflow-y:auto;overscroll-behavior:contain}.shadow-lines li button{width:100%;display:flex;gap:.7rem;text-align:left;align-items:baseline;background:transparent;padding:.5rem .6rem;border-radius:.45rem;line-height:1.4}.shadow-lines li button:hover{background:var(--btn)}.shadow-lines li.done button{color:var(--muted)}.shadow-lines li button[aria-current=true]{background:var(--accent-bg);color:var(--accent);font-weight:500}.shadow-lines .n{flex:none;min-width:1.6rem;color:var(--muted);font-size:.75rem;font-variant-numeric:tabular-nums}.shadow-lines li button[aria-current=true] .n{color:var(--accent)}@media(max-width:900px){.shadow-play{grid-template-columns:1fr}.shadow-lines{position:static;max-height:55dvh}}@media(max-width:600px){.stage[data-size=small] .stage-head{grid-template-columns:8rem 1fr;gap:.75rem}.stage[data-size=small] .line{font-size:1.1rem}}@media(prefers-reduced-motion:reduce){.state.speak svg,.state .loading,.shadow-vid .thumb img{animation:none;transition:none}}@media(max-width:640px){main{padding:.75rem;padding-bottom:calc(.75rem + env(safe-area-inset-bottom))}.card{padding:1.1rem;border-radius:.7rem}.de,.answer{font-size:1.45rem;line-height:1.35}h1{font-size:1.15rem}.card .muted,.alts .alt,.why summary,.why p{font-size:1rem}.stats{font-size:.95rem}.bucket-label{width:8.5rem}}@media(hover:none){.keys-help{display:none}button,.btn{min-height:2.75rem;padding:.6rem 1rem}button.lane,button.grade{min-height:3.25rem;font-size:1.05rem}button:hover,.btn:hover{background:var(--btn)}button.lane:hover,button.grade:hover{filter:none}}.stories h2{font-size:1rem;margin:1.25rem 0 .5rem}.story{display:flex;align-items:center;gap:.7rem;width:100%;text-align:left;background:none;border:0;border-bottom:1px solid var(--card-line);border-radius:0;padding:.6rem .2rem;font-size:.95rem}.story:hover{background:var(--btn)}.story-no{color:var(--muted);font-variant-numeric:tabular-nums;min-width:1.5rem}.story-title{flex:1}.story-row{display:flex;align-items:center;border-bottom:1px solid var(--card-line)}.story-row .story{border-bottom:0;flex:1;min-width:0}.story-check{flex:none;width:2.25rem;height:2.25rem;min-height:0;padding:0;display:grid;place-items:center;background:none;border:0;border-radius:50%;-webkit-tap-highlight-color:transparent}.story-check:before{content:"";width:1.15rem;height:1.15rem;box-sizing:border-box;border:2px solid var(--field-line);border-radius:50%;transition:background-color .15s ease,border-color .15s ease}.story-check:hover{background:var(--btn)}.story-check:hover:before{border-color:var(--good)}.story-row.told .story-check:before{border-color:var(--good);background:var(--good) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='3.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20 6 9 17l-5-5'/%3E%3C/svg%3E") center / 70% no-repeat}.story-row.told .story-title{color:var(--muted)}.story-group>.story-add{padding-left:2.25rem}@media(prefers-reduced-motion:reduce){.story-check:before{transition:none}}.own-form{display:flex;flex-direction:column;gap:.6rem;margin:1rem 0 1.5rem}.own-item{display:flex;align-items:center;gap:.6rem;padding:.5rem 0;border-bottom:1px solid var(--card-line)}.own-copy{flex:1;display:flex;flex-direction:column}.own-copy small{color:var(--muted);font-size:.8rem}.stories .sizes{margin-top:0}.story-add{color:var(--accent)}.script{margin:.5rem 0 1.5rem}.sc-head,.sc-row{display:grid;grid-template-columns:1.6rem minmax(0,1fr) minmax(0,1fr) 7rem;gap:.5rem;align-items:start}.sc-head{font-size:.85rem;color:var(--muted);padding-bottom:.3rem}.sc-col{display:flex;align-items:center;gap:.5rem}.sc-row{padding:.45rem 0;border-bottom:1px solid var(--card-line)}.sc-row.fixed{box-shadow:inset 3px 0 0 var(--accent)}.sc-no{color:var(--muted);font-variant-numeric:tabular-nums;padding-top:.45rem;text-align:right}.sc-row textarea{width:100%;box-sizing:border-box;resize:none;overflow:hidden;font:inherit;font-size:.95rem;line-height:1.4;padding:.4rem .5rem;background:var(--bg);color:var(--fg);border:1px solid var(--card-line);border-radius:.4rem}.sc-en{display:flex;flex-direction:column;gap:.2rem}.sc-en small{color:var(--muted);font-size:.8rem}.script{--sc-h: 2.25rem}.sc-row textarea{min-height:var(--sc-h)}.sc-act{display:flex;gap:.35rem;align-items:center;justify-content:flex-end}.sc-act button,.sc-act .tag{height:var(--sc-h);min-height:0;padding:0 .65rem;margin:0;display:inline-flex;align-items:center;justify-content:center;box-sizing:border-box}.sc-act .tag{border-radius:999px}.sc-act .sc-x{width:var(--sc-h);padding:0;flex:none}.sc-foot{display:flex;flex-wrap:wrap;gap:.5rem;align-items:center;justify-content:space-between;margin-top:.6rem}.sc-pages{display:flex;flex-wrap:wrap;gap:.3rem}.sc-pages .chip.on{background:var(--accent-bg);color:var(--accent)}.sc-tools{display:flex;flex-direction:column;gap:.5rem;margin-top:1rem}.sc-note{min-height:1.3em;margin-top:.5rem}.sc-remove{margin-top:1.5rem}@media(max-width:640px){.sc-head{display:flex;flex-wrap:wrap;gap:.4rem 1rem}.sc-head>.sc-no,.sc-head>span:last-child{display:none}.sc-row{grid-template-columns:1.6rem minmax(0,1fr) 4.4rem}.sc-en{grid-column:2;grid-row:2}.sc-act{grid-column:3;grid-row:1 / span 2;flex-direction:column;align-items:flex-end;justify-content:flex-start;gap:.5rem}.sc-act .sc-x{order:-1}}[data-tip]{position:relative}@media(hover:hover){[data-tip]:hover:after{content:attr(data-tip);animation-delay:.3s}}[data-tip]:focus-visible:after{content:attr(data-tip)}[data-tip]:after{position:absolute;bottom:calc(100% + .45rem);left:50%;transform:translate(-50%);width:max-content;max-width:16rem;white-space:normal;text-align:left;background:var(--fg);color:var(--card);border-radius:.4rem;padding:.35rem .55rem;font-size:.78rem;font-weight:400;line-height:1.35;box-shadow:0 6px 18px #0a0c1438;pointer-events:none;z-index:6;animation:tip-in .12s ease backwards}[data-tip].tip-end:after{left:auto;right:0;transform:none}@keyframes tip-in{0%{opacity:0}}@media(prefers-reduced-motion:reduce){[data-tip]:after{animation:none}}.fold{margin:1.25rem 0 0}.fold summary{display:flex;align-items:center;gap:.4rem;cursor:pointer;list-style:none;font-weight:600;font-size:1rem;padding:.3rem 0}.fold summary::marker,.fold summary::-webkit-details-marker{display:none}.fold summary:before{content:"";flex:none;width:1rem;height:1rem;background:var(--muted);-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m9 18 6-6-6-6'/%3E%3C/svg%3E") center / contain no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m9 18 6-6-6-6'/%3E%3C/svg%3E") center / contain no-repeat;transition:transform .15s ease,background-color .15s ease}.fold[open] summary:before{transform:rotate(90deg)}.fold summary:hover:before{background:var(--fg)}@media(prefers-reduced-motion:reduce){.fold summary:before{transition:none}}.fold summary .tag{margin-left:.3rem;font-weight:400}.fold summary .chip{font-weight:400;padding:.15rem .6rem;min-height:0}.story-head{display:flex;align-items:center;gap:.6rem}.story-head h2{flex:1}.story-head .chip{flex:none}.name-form{margin:.6rem 0 1rem}.topic-add{margin-top:1rem;border-bottom:0}.fold>.muted{margin:.3rem 0 0}