:root{--bg: #111815;--bg2: #0e1412;--card: #1d2925;--card2: #243330;--border: #2b3a34;--divider: #33433c;--grid: #151e1a;--margin: #4a3d3a;--text: #e8ece6;--muted: #9fb0a8;--accent: #9cc3e6;--accent2: #b3d3ee;--accent-ink: #14201c;--accent-soft: rgba(156, 195, 230, .14);--good: #9bd6a8;--good-soft: rgba(155, 214, 168, .12);--bad: #f2a19c;--bad-soft: rgba(242, 161, 156, .12);--marker: #e6c65c;--marker-ink: #14201c;--gold: #e6c65c;--pencil: #9fb0a8;--stamp: #9cc3e6;--sticker: #ffffff;--bang: #ff8a3d;--radius: 4px;--hand: "Klee One", "Segoe Print", "Bradley Hand", cursive;--serif: "Literata Variable", Literata, Charter, "Iowan Old Style", Georgia, serif;--sans: "Onest Variable", Onest, "Avenir Next", "Segoe UI", system-ui, sans-serif;--display: var(--serif);--mono: var(--sans)}:root[data-theme=light]{--bg: #e9edf1;--bg2: #ffffff;--card: #fdfdfb;--card2: #f3f5f7;--border: #d6dce3;--divider: #d9e0e8;--grid: #dfe6ee;--margin: #efb1b1;--text: #1b2230;--muted: #5b6370;--accent: #1f3a93;--accent2: #2340a0;--accent-ink: #ffffff;--accent-soft: rgba(31, 58, 147, .08);--good: #1e7a3c;--good-soft: rgba(30, 122, 60, .08);--bad: #c62e2e;--bad-soft: rgba(198, 46, 46, .07);--marker: #f7e36b;--marker-ink: #1b2230;--gold: #f7e36b;--pencil: #6b7078;--stamp: #3949ab;--sticker: #ffffff;--bang: #e85c00}body{background-color:var(--bg);background-image:linear-gradient(var(--grid) 1px,transparent 1px),linear-gradient(90deg,var(--grid) 1px,transparent 1px);background-size:16px 16px}:root[data-theme=light] .tabbar{background:#fffffff5}:root[data-theme=light] ::selection{color:var(--marker-ink)}@media (prefers-reduced-motion: reduce){.pen-draw{animation:none!important}}@font-face{font-family:Literata Variable;font-style:normal;font-display:swap;font-weight:200 900;src:url(/assets/literata-latin-wght-normal-DLxlUchJ.woff2) format("woff2-variations");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Literata Variable;font-style:italic;font-display:swap;font-weight:200 900;src:url(/assets/literata-latin-wght-italic-Bm_GJfSc.woff2) format("woff2-variations");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Literata Variable;font-style:normal;font-display:swap;font-weight:200 900;src:url(/assets/literata-cyrillic-wght-normal-DLqwHbi6.woff2) format("woff2-variations");unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}@font-face{font-family:Literata Variable;font-style:italic;font-display:swap;font-weight:200 900;src:url(/assets/literata-cyrillic-wght-italic-C2hF6zFe.woff2) format("woff2-variations");unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}@font-face{font-family:Onest Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/onest-latin-wght-normal-Dun_Rd-l.woff2) format("woff2-variations");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Onest Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/onest-cyrillic-wght-normal-DayYxulF.woff2) format("woff2-variations");unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}@font-face{font-family:Klee One;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/klee-one-latin-400-normal-DFf6SWtO.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Klee One;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/klee-one-cyrillic-400-normal-DdpDxeOG.woff2) format("woff2");unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}.bo-voice{font-family:var(--serif);font-style:italic;font-size:13.5px;color:var(--muted);margin-bottom:4px}*{box-sizing:border-box}html,body{margin:0;padding:0}body{background-color:var(--bg);color:var(--text);font-family:var(--sans);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}::selection{background:var(--marker);color:var(--marker-ink)}#root{min-height:100vh}.app{max-width:640px;margin:0 auto;padding:12px 16px 88px;min-height:100vh}.topbar{display:flex;align-items:center;justify-content:space-between;padding:8px 2px 14px}.topbar .brand{font-family:var(--display);font-weight:700;font-size:21px;letter-spacing:-.005em}.brand span{color:var(--bang)}.topstats{display:flex;gap:8px;font-weight:600;font-size:13px}.topstats .stat{border:1px solid var(--border);background:var(--card);border-radius:var(--radius);padding:6px 12px;font-family:var(--sans);font-size:12px;font-variant-numeric:tabular-nums}.card{background:var(--card);border:1px solid var(--border);border-radius:var(--radius);padding:18px;margin-bottom:12px;box-shadow:0 1px #0000000f}.card h2{margin:0 0 6px;font-size:18px;font-family:var(--display);font-weight:700;letter-spacing:-.005em}.card h3{margin:0 0 4px;font-size:15px;font-family:var(--display);font-weight:500;font-style:italic;letter-spacing:0}.card .sub{color:var(--muted);font-size:13.5px;line-height:1.55}.row{display:flex;align-items:center;gap:12px}.row .grow{flex:1}.row>h2{flex-shrink:0}.grid2{display:grid;grid-template-columns:1fr 1fr;gap:10px}.countdown{border-left:3px solid var(--accent)}.countdown .big{font-family:var(--display);font-size:40px;font-weight:700;letter-spacing:-.01em;line-height:1.05;font-variant-numeric:tabular-nums;color:var(--text);margin:2px 0}.countdown .big::selection{background:var(--accent)}.badge{display:inline-block;padding:3px 9px;border-radius:var(--radius);font-family:var(--sans);font-size:11.5px;font-weight:600;letter-spacing:.01em;border:1px solid var(--border)}.badge.pass{color:var(--good);border-color:var(--good);background:var(--good-soft)}.badge.next{color:var(--accent);border-color:var(--accent);background:var(--accent-soft)}.badge.lvl{color:var(--muted);background:var(--card2)}button{font-family:var(--sans);font-size:15px;border:none;cursor:pointer;border-radius:5px;font-weight:600;color:var(--text);transition:background .12s,color .12s,border-color .12s,transform 60ms}.btn{background:var(--accent);color:var(--accent-ink);width:100%;padding:13px 24px;font-size:15.5px}.btn:hover{background:var(--accent2)}.btn:active{transform:translateY(1px)}.btn.secondary{background:transparent;color:var(--text);border:1px solid var(--border)}.btn.secondary:hover{border-color:var(--accent);color:var(--accent);background:transparent}.btn.small{width:auto;padding:9px 16px;font-size:13.5px}.btn.ghost{background:transparent;color:var(--accent);padding:8px 10px}.btn.ghost:hover{color:var(--accent2)}.btn:disabled{opacity:.4;cursor:default}.btn:disabled:hover{background:var(--accent)}.btn.secondary:disabled:hover{border-color:var(--border);color:var(--text)}.playbtn{width:92px;height:92px;border-radius:50%;background:var(--accent);color:var(--accent-ink);font-size:36px;margin:10px auto;display:block}.playbtn:hover{background:var(--accent2)}.playbtn:active{transform:scale(.97)}.playbtn.playing{animation:pulse 1.2s infinite}@keyframes pulse{0%{transform:scale(1)}50%{transform:scale(1.05)}to{transform:scale(1)}}.opt{width:100%;text-align:left;background:var(--card);border:1px solid var(--border);padding:14px 16px;margin-bottom:10px;border-radius:var(--radius);font-family:var(--serif);font-weight:400;font-size:16px;line-height:1.45}.opt:hover{border-color:var(--muted)}.opt.sel{border-color:var(--accent);background:var(--accent-soft)}.opt.correct{border-color:var(--good);background:var(--good-soft)}.opt.wrong{border-color:var(--bad);background:var(--bad-soft)}.bar{background:var(--card2);border:1px solid var(--border);border-radius:3px;height:12px;overflow:hidden}.bar>div{height:100%;background:var(--accent);border-radius:2px;transition:width .3s ease}.bar.green>div{background:var(--good)}.bar.thin{height:8px}.feedback{border-radius:var(--radius);padding:14px 16px;margin:10px 0;border:1px solid}.feedback.ok{background:var(--good-soft);border-color:var(--good)}.feedback.no{background:var(--bad-soft);border-color:var(--bad)}.feedback .title{font-family:var(--display);font-weight:700;margin-bottom:4px}.feedback.ok .title{color:var(--good)}.feedback.no .title{color:var(--bad)}.sheet{font-family:var(--serif);font-size:16px;line-height:1.5;padding:8px 10px 8px 12px;border-left:3px solid var(--accent)}.sheet .small{font-family:var(--sans)}.transcript{background:var(--card);border:1px solid var(--border);border-left:3px solid var(--margin);border-radius:var(--radius);padding:12px 14px;font-family:var(--serif);font-size:15px;line-height:1.6;margin-top:10px}.transcript .line{margin-bottom:4px}.transcript .who{color:var(--accent);font-weight:700;margin-right:6px}input[type=text],input[type=date],input[type=time],input[type=password],input[type=number],textarea,select{width:100%;background:var(--bg2);color:var(--text);border:1px solid var(--border);border-radius:5px;padding:12px 14px;font-size:15px;font-family:inherit}[data-theme=dark]{color-scheme:dark}[data-theme=light]{color-scheme:light}input:focus-visible,textarea:focus-visible,select:focus-visible{outline:2px solid var(--accent);outline-offset:2px}textarea{min-height:140px;resize:vertical;line-height:1.55}label.field{display:block;margin-bottom:14px;font-family:var(--sans);font-size:12px;letter-spacing:.01em;color:var(--muted);font-weight:600}label.field>*{margin-top:6px}.tabbar{position:fixed;bottom:0;left:0;right:0;background:color-mix(in srgb,var(--bg) 94%,transparent);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-top:1px solid var(--border);display:flex;justify-content:center;gap:2px;padding:6px 6px calc(6px + env(safe-area-inset-bottom));z-index:50}.tabbar button{background:none;flex:1;max-width:120px;padding:6px 4px;display:flex;flex-direction:column;align-items:center;gap:3px;color:var(--muted);border-radius:5px;font-family:var(--sans);font-size:11px;letter-spacing:.01em}.tabbar button.active{color:var(--accent)}.tabbar .ico{font-size:21px}.session-top{display:flex;align-items:center;gap:12px;margin-bottom:14px}.session-top .bar{flex:1}.session-top h2{font-family:var(--display);letter-spacing:-.005em}.qtext{font-family:var(--serif);font-size:19px;font-weight:600;letter-spacing:0;margin:14px 0;line-height:1.4}.hand{font-family:var(--hand);color:var(--pencil);font-size:14px;line-height:1.4}.center{text-align:center}.muted{color:var(--muted)}.small{font-size:13px}.mt{margin-top:12px}.mb0{margin-bottom:0}.summary{text-align:center;padding:34px 16px}.summary .big{font-size:52px}.summary h2{font-family:var(--display);font-weight:700;letter-spacing:-.005em;font-variant-numeric:tabular-nums;font-size:28px;margin:12px 0 4px}.timer{font-family:var(--sans);font-variant-numeric:tabular-nums;font-weight:600;font-size:14px;color:var(--text)}.timer.low{color:var(--bad)}.deck{display:flex;align-items:center;gap:14px;width:100%;background:var(--card);border:1px solid var(--border);border-radius:var(--radius);padding:14px 16px;margin-bottom:10px;text-align:left;transition:border-color .15s}.deck:hover{border-color:var(--accent)}.deck .emoji{font-size:24px}.deck .grow{flex:1}.deck .title{font-family:var(--display);font-weight:600;font-size:15.5px;letter-spacing:0}.deck .meta{color:var(--muted);font-size:12.5px;margin-top:3px}.wordcard{background:var(--card);border:1px solid var(--border);border-radius:var(--radius);text-align:center;padding:32px 18px;margin-bottom:14px}.wordcard .nl{font-family:var(--display);font-size:30px;font-weight:700;letter-spacing:-.005em}img[alt=Bo]{filter:drop-shadow(0 0 1.5px var(--sticker)) drop-shadow(0 0 .5px var(--sticker))}.wordcard .en{font-size:17px;color:var(--accent);margin-top:6px}.wordcard .ex{color:var(--muted);margin-top:12px;font-style:italic;line-height:1.5}.crit{margin-bottom:10px}.crit .row{justify-content:space-between;font-size:13.5px;margin-bottom:4px}a{color:var(--text);text-decoration:underline;text-decoration-color:var(--accent);text-underline-offset:3px}a:hover{color:var(--accent)}.linklist a{display:block;padding:8px 0;font-weight:500;text-decoration:none;border-bottom:1px solid transparent}.linklist a:hover{color:var(--accent)}h2{font-family:var(--display);letter-spacing:-.005em}.rec-dot{display:inline-block;width:10px;height:10px;border-radius:50%;background:var(--bad);margin-right:8px;animation:pulse 1s infinite}.print-only{display:none}.week-table{width:100%;border-collapse:collapse;margin:12px 0}.week-table th,.week-table td{border:1px solid var(--border);padding:8px;text-align:center;font-size:13px}.week-table td:first-child{text-align:left}.week-table .tick{font-size:18px}@media print{.topbar,.tabbar,.no-print{display:none!important}.print-only{display:block!important}body{background:#fff!important;color:#000!important}.app{padding:0;max-width:100%}.card{background:#fff!important;border-color:#999!important;color:#000!important;break-inside:avoid}.card .sub,.muted,.small{color:#333!important}.week-table th,.week-table td{border-color:#999;color:#000}h2,h3{color:#000!important}}.ico{display:inline-flex;flex-shrink:0}.ico svg{width:100%;height:100%;display:block}.h-ico{vertical-align:-5px;margin-right:9px}.topstats .ico{vertical-align:-3px;margin-right:5px}.btn .ico{vertical-align:-5px;margin-right:8px}