:root{--bg:#f5f5f7;--card:#fff;--raise:#eef0f4;--line:#e3e4e8;--fg:#1d1d1f;--muted:#6e6e73;--accent:#0071e3;--accent-ink:#fff;--accent-soft:#e8f1fd;--good:#1f8a4c;--good-soft:#e6f5ec;--bad:#d7261e;--bad-bg:#fdecea;--gold:#b45309;--gold-bg:#fff4e5;--sq-l:#e9eef4;--sq-d:#8fa6c2;--sq-last:#ffbe0080;--sq-sel:#0071e373;--ar-g:#1f8a4c;--ar-r:#d7261e;--ar-b:#0071e3;--display:"Instrument Serif",Georgia,"Times New Roman",serif;--body:-apple-system,BlinkMacSystemFont,"SF Pro Text","Helvetica Neue",system-ui,sans-serif;--r:18px;--r-s:12px;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}*{box-sizing:border-box}html,body{background:var(--bg)}body{color:var(--fg);font-family:var(--body);-webkit-tap-highlight-color:transparent;-webkit-font-smoothing:antialiased;padding-left:max(16px,env(safe-area-inset-left,0px));padding-right:max(16px,env(safe-area-inset-right,0px));padding-block:0 calc(88px + env(safe-area-inset-bottom,0px));font-size:17px;line-height:1.45}.app{max-width:560px;margin:0 auto}h1,h2,h3{font-family:var(--display);letter-spacing:-.01em;text-wrap:balance;margin:0;font-weight:400;line-height:1.08}h1{font-size:2.3rem}h2{font-size:1.55rem}h3{font-size:1.25rem}p{margin:0}a{color:var(--accent)}b,strong{font-weight:600}.eb{color:var(--muted);letter-spacing:0;text-transform:none;font-size:.82rem;font-weight:500}.top{justify-content:space-between;align-items:flex-end;gap:12px;padding-block-start:24px;padding-block-end:14px;display:flex}.top .back{-webkit-appearance:none;appearance:none;background:var(--raise);color:var(--fg);font:inherit;cursor:pointer;border:0;border-radius:999px;min-height:44px;padding:10px 16px;font-size:.95rem;font-weight:600}.stack{flex-direction:column;gap:14px;display:flex}.card{background:var(--card);border:1px solid var(--line);border-radius:var(--r);padding:16px}.card.tap{cursor:pointer;color:inherit;text-decoration:none;display:block}.card.tap:active{background:var(--raise)}.card.hero{border:0;padding:14px 0 16px}.card.hero>*{padding-inline-start:16px;padding-inline-end:16px}.card.hero .board{border-radius:0;width:100%;max-width:none;margin-inline-start:0;margin-inline-end:0}.row{justify-content:space-between;align-items:center;gap:12px;display:flex}.chip{white-space:nowrap;letter-spacing:0;text-transform:none;background:var(--raise);color:var(--muted);border-radius:999px;padding:4px 10px;font-size:.78rem;font-weight:600}.chip.on{background:var(--accent);color:var(--accent-ink)}.chip.q{background:var(--raise);color:var(--muted)}.chip.done{background:var(--gold-bg);color:var(--gold)}.chip.ko{background:var(--bad-bg);color:var(--bad)}.chip.ok{background:var(--good-soft);color:var(--good)}.btn{-webkit-appearance:none;appearance:none;font:inherit;cursor:pointer;background:var(--accent);min-height:50px;color:var(--accent-ink);border:0;border-radius:14px;width:100%;padding:14px 16px;font-size:1.02rem;font-weight:600}.btn.ghost{background:var(--raise);color:var(--fg)}.btn:disabled{opacity:.5}.btn:focus-visible{outline:3px solid var(--accent);outline-offset:2px}.tab:focus-visible{outline:3px solid var(--accent);outline-offset:2px}.card.tap:focus-visible{outline:3px solid var(--accent);outline-offset:2px}.ctl button:focus-visible{outline:3px solid var(--accent);outline-offset:2px}.mvchip:focus-visible{outline:3px solid var(--accent);outline-offset:2px}.check:focus-visible{outline:3px solid var(--accent);outline-offset:2px}.muted{color:var(--muted)}.small{font-size:.9rem}.mv{white-space:nowrap;font-variant-numeric:tabular-nums;font-weight:600}.mv.bad{color:var(--bad)}.gm{color:var(--muted);margin-top:4px;font-size:.82rem;display:block}.say{font-family:var(--display);letter-spacing:-.005em;font-size:1.35rem;line-height:1.25}.say em,.say i{font-style:italic}.big{font-family:var(--display);font-variant-numeric:tabular-nums;letter-spacing:-.02em;font-size:3.4rem;line-height:1}.ladder{background:var(--raise);border-radius:999px;height:6px;margin:18px 0 40px;position:relative}.ladder .fill{background:var(--accent);border-radius:999px;position:absolute;top:0;bottom:0;left:0;right:auto}.ladder .tick{background:var(--line);width:2px;height:14px;position:absolute;top:-4px}.ladder .tl{color:var(--muted);white-space:nowrap;font-variant-numeric:tabular-nums;text-align:center;font-size:.74rem;line-height:1.2;position:absolute;top:16px;transform:translate(-50%)}.dots{grid-template-columns:repeat(10,1fr);gap:5px;margin:12px 0 8px;display:grid}.dots i{background:var(--raise);border-radius:999px;height:8px}.dots i.on{background:var(--good)}.dots i.ko{background:var(--bad)}.stats{grid-template-columns:repeat(3,1fr);gap:8px;display:grid}.stats div{background:var(--raise);border-radius:var(--r-s);padding:12px 10px}.stats b{font-family:var(--display);font-variant-numeric:tabular-nums;font-size:1.7rem;font-weight:400;line-height:1.05;display:block}.stats span{color:var(--muted);margin-top:4px;font-size:.78rem;line-height:1.25;display:block}.bar{background:var(--raise);border-radius:999px;height:6px;margin-top:8px;overflow:hidden}.bar i{background:var(--accent);border-radius:999px;height:100%;display:block}.bar.ko i{background:var(--bad)}.lesson{flex-direction:column;gap:16px;display:flex}.lesson .h{margin-top:10px}.lesson .h h3{font-size:1.4rem}.rule{background:var(--accent-soft);border-radius:var(--r);padding:16px 18px}.rule b{font-family:var(--display);margin-bottom:4px;font-size:1.25rem;font-weight:400;display:block}.rule ol{flex-direction:column;gap:6px;margin:8px 0 6px;padding-left:1.2em;display:flex}.figure{flex-direction:column;gap:8px;display:flex}.figure .cap{color:var(--muted);font-size:.95rem}.lock{opacity:.55}.board{aspect-ratio:1;border-radius:10px;width:100%;max-width:100%;line-height:0;overflow:hidden}.board svg{touch-action:manipulation;width:100%;height:100%;display:block}.board .hit{cursor:pointer}.boardwrap{position:relative}.turn{border-radius:999px;padding:4px 11px;font-size:.78rem;font-weight:600;line-height:1.5;display:inline-block}.turn.w{color:#111;border:1px solid var(--line);background:#fff}.turn.b{color:#fff;background:#1d1d1f}.ctl{grid-template-columns:1fr 1fr 1fr;gap:8px;display:grid}.ctl button{-webkit-appearance:none;appearance:none;background:var(--raise);color:var(--fg);font:inherit;border-radius:var(--r-s);cursor:pointer;border:0;min-height:46px;padding:12px;font-size:1.1rem;font-weight:600}.ctl button.fw{background:var(--accent);color:var(--accent-ink)}.ctl button:disabled{opacity:.4}.mvlist{scrollbar-width:thin;gap:6px;padding-bottom:4px;display:flex;overflow-x:auto}.mvchip{-webkit-appearance:none;appearance:none;border:1px solid var(--line);background:var(--card);color:var(--fg);font:inherit;white-space:nowrap;cursor:pointer;font-variant-numeric:tabular-nums;border-radius:9px;padding:6px 9px;font-size:.88rem;font-weight:600}.mvchip.cur{background:var(--fg);color:#fff;border-color:var(--fg)}.mvchip.bad{border-color:var(--bad);color:var(--bad)}.mvchip.bad.cur{background:var(--bad);color:#fff;border-color:var(--bad)}.note{background:var(--raise);border-radius:var(--r-s);min-height:3em;padding:11px 13px;font-size:.98rem}.drill{flex-direction:column;gap:10px;display:flex}.drill .q{font-family:var(--display);font-size:1.3rem;line-height:1.2}.fb{border-radius:var(--r-s);padding:12px 14px;font-size:.98rem}.fb.ok{background:var(--good-soft)}.fb.ko{background:var(--bad-bg)}.fb b.t{font-family:var(--display);margin-bottom:3px;font-size:1.2rem;font-weight:400;display:block}.drow{grid-template-columns:1fr 1fr;gap:8px;display:grid}.progress{gap:4px;display:flex}.progress i{background:var(--raise);border-radius:3px;flex:1;height:5px}.progress i.ok{background:var(--good)}.progress i.ko{background:var(--bad)}.progress i.cur{background:var(--fg)}.log{flex-direction:column;gap:0;display:flex}.log .it{border-bottom:1px solid var(--line);flex-direction:column;gap:6px;padding:12px 0;display:flex}.log .it:first-child{padding-top:0}.log .it:last-child{border-bottom:0;padding-bottom:0}.log .chips{flex-wrap:wrap;gap:6px;display:flex}.chart{width:100%;height:auto;display:block;overflow:visible}.chart text{font-family:var(--body);fill:var(--muted);font-size:10px}.legend{color:var(--muted);flex-wrap:wrap;gap:14px;margin-top:6px;font-size:.82rem;display:flex}.legend i{vertical-align:middle;border-radius:2px;width:14px;height:3px;margin-right:5px;display:inline-block}.cmp{border-collapse:collapse;font-variant-numeric:tabular-nums;width:100%;font-size:.95rem}.cmp th{color:var(--muted);text-align:right;text-transform:none;letter-spacing:0;padding:0 0 8px 12px;font-size:.78rem;font-weight:500}.cmp th:first-child{text-align:left}.cmp td{border-top:1px solid var(--line);text-align:right;padding:10px 0}.cmp td:first-child{text-align:left}.cmp .up{color:var(--good);font-weight:600}.cmp .dn{color:var(--bad);font-weight:600}nav.tabs{z-index:20;-webkit-backdrop-filter:saturate(180%)blur(18px);backdrop-filter:saturate(180%)blur(18px);border-top:1px solid var(--line);padding:6px max(10px,env(safe-area-inset-right,0px)) calc(8px + env(safe-area-inset-bottom,0px)) max(10px,env(safe-area-inset-left,0px));background:#f5f5f7db;position:fixed;bottom:0;left:0;right:0}nav.tabs .in{grid-template-columns:repeat(5,1fr);gap:2px;max-width:560px;margin:0 auto;display:grid}.tab{-webkit-appearance:none;appearance:none;color:var(--muted);font:inherit;cursor:pointer;background:0 0;border:0;border-radius:12px;flex-direction:column;align-items:center;gap:3px;padding:6px 2px;font-size:.7rem;font-weight:500;display:flex}.tab svg{stroke-width:1.8px;width:26px;height:26px}.tab[aria-current=page]{color:var(--accent)}@media (prefers-reduced-motion:no-preference){.fb{animation:.2s pop}}@keyframes pop{0%{opacity:.3;transform:translateY(-3px)}to{opacity:1;transform:none}}.sync{-webkit-appearance:none;appearance:none;background:var(--raise);color:var(--fg);font:inherit;cursor:pointer;white-space:nowrap;border:0;border-radius:999px;min-height:40px;padding:9px 13px;font-size:.85rem;font-weight:600}.sync:disabled{opacity:.5}.abar{left:0;right:0;bottom:calc(72px + env(safe-area-inset-bottom,0px));z-index:19;pointer-events:none;justify-content:center;display:flex;position:fixed}.abar span{pointer-events:auto;background:var(--fg);color:#fff;border-radius:999px;padding:7px 13px;font-size:.8rem;font-weight:600}.tappa{border-left:0}.tappa.cur{border-color:var(--accent)}.tappa.done{opacity:.8}.mods{flex-direction:column;gap:0;margin-top:12px;display:flex}.mod{border-top:1px solid var(--line);color:inherit;justify-content:space-between;align-items:center;gap:10px;padding:12px 0;text-decoration:none;display:flex}.mod:first-child{border-top:0}.mod.cur b{color:var(--accent)}.mod b{font-size:1rem;font-weight:600;line-height:1.3;display:block}.mod small{color:var(--muted);font-size:.82rem}.check{border:1.5px solid var(--line);background:var(--card);width:26px;height:26px;color:var(--accent-ink);border-radius:50%;flex:none;place-items:center;font-size:.8rem;font-weight:700;display:grid}.check.on{background:var(--good);border-color:var(--good)}.todo{flex-direction:column;gap:0;margin-top:6px;display:flex}.todo-row{border-top:1px solid var(--line);align-items:center;gap:8px;padding-right:2px;display:flex}.todo-row:first-child{border-top:0}.todo-row .main{text-align:left;-webkit-appearance:none;appearance:none;font:inherit;color:inherit;cursor:pointer;background:0 0;border:0;flex:1;align-items:center;gap:14px;min-width:0;padding:13px 0;text-decoration:none;display:flex}.todo .n{font-family:var(--display);text-align:center;font-variant-numeric:tabular-nums;min-width:2.1em;color:var(--fg);font-size:1.5rem}.todo .n.done{color:var(--good);font-family:var(--body);font-size:1.1rem;font-weight:700}.todo .t{flex:1;font-weight:500;line-height:1.3}.todo .t small{color:var(--muted);font-size:.84rem;font-weight:400;display:block}.todo .is-done .t{color:var(--muted);font-weight:400}.todo .is-done .t small{color:var(--good)}.todo-row .check{-webkit-appearance:none;appearance:none;width:30px;height:30px;font:inherit;cursor:pointer;padding:0;font-size:.85rem;font-weight:800}.err-row{border-top:1px solid var(--line);align-items:flex-start;gap:10px;padding:12px 0;display:flex}.err-row:first-child{border-top:0}.err-row .mvn{font-family:var(--display);min-width:2.6em;color:var(--bad);font-variant-numeric:tabular-nums;font-size:1.2rem}.clock{font-variant-numeric:tabular-nums}.chip.clock.ok{background:var(--good-soft);color:var(--good)}.chip.clock.ko{background:var(--bad-bg);color:var(--bad)}.empty{text-align:center;padding:20px 4px}.seg{background:var(--raise);border-radius:12px;grid-template-columns:repeat(3,1fr);gap:4px;padding:3px;display:grid}.seg button{-webkit-appearance:none;appearance:none;color:var(--muted);font:inherit;cursor:pointer;background:0 0;border:0;border-radius:10px;min-height:40px;padding:9px 4px;font-size:.88rem;font-weight:600}.seg button[aria-pressed=true]{background:var(--card);color:var(--fg)}.coach{background:var(--gold-bg);border-radius:var(--r);padding:14px 16px;font-size:.98rem}.coach b{font-family:var(--display);color:var(--gold);margin-bottom:2px;font-size:1.1rem;font-weight:400;display:block}.card .drill .board{border-radius:0;width:calc(100% + 32px);max-width:none;margin-inline-start:-16px;margin-inline-end:-16px}details.fold{background:var(--card);border:1px solid var(--line);border-radius:var(--r);padding:14px 16px}details.fold summary{cursor:pointer;font-weight:600;list-style:none}details.fold summary:before{content:"▸ ";color:var(--accent)}details.fold[open] summary:before{content:"▾ "}details.fold[open] summary{margin-bottom:10px}