:root{-webkit-tap-highlight-color:transparent}*{box-sizing:border-box}html,body{margin:0;min-height:100%}button{font:inherit;cursor:pointer}button:disabled{cursor:default}:focus-visible{outline:3px solid var(--focus, #2f6fed);outline-offset:2px}.theme-a{--bg: #1b1d3a;--surface: #262950;--surface-2: #15172f;--text: #f4f1e8;--muted: #b9b8d6;--line: #4a4e86;--track: #3a3d6e;--accent: #f2b544;--accent-ink: #1b1d3a;--ok: #7fd1c2;--ok-bg: #1f4a44;--bad: #f28b6b;--bad-bg: #4d2b33;--focus: #f2b544;--display: "Literata", Georgia, serif;--body: "Nunito", system-ui, sans-serif;--radius: 20px}.theme-c,.theme-n{--bg: #eaf4ff;--surface: #ffffff;--surface-2: #ffffff;--text: #14213d;--muted: #4a5a78;--line: #c9daf3;--track: #d5deeb;--accent: #2f6fed;--accent-dark: #1f55c2;--accent-ink: #ffffff;--sun: #ffc83d;--ok: #1e8a57;--ok-bg: #e3f5ec;--bad: #b5470e;--bad-bg: #fdeee4;--focus: #2f6fed;--display: "Baloo 2", system-ui, sans-serif;--body: "Lexend", system-ui, sans-serif;--radius: 18px}.theme-n{--bg: #f5f7fb}.app{min-height:100dvh;background:var(--bg);color:var(--text);font-family:var(--body)}.screen{max-width:480px;margin:0 auto;min-height:100dvh;padding:max(20px,env(safe-area-inset-top)) 20px 120px;display:flex;flex-direction:column;gap:20px}.screen.no-tabs{padding-bottom:32px}h1,h2,h3{font-family:var(--display);margin:0;line-height:1.15}.theme-a h1,.theme-a h2,.theme-a h3{font-weight:600}.theme-c h1,.theme-c h2,.theme-c h3,.theme-n h1,.theme-n h2,.theme-n h3{font-weight:800}h1{font-size:28px}h2{font-size:22px}p{margin:0}.muted{color:var(--muted)}.small{font-size:13px}.row{display:flex;align-items:center;gap:10px}.spread{justify-content:space-between}.grow{flex:1;min-width:0}.wordmark{font-family:var(--display);font-weight:700;font-size:22px}.theme-c .wordmark,.theme-n .wordmark{color:var(--accent);font-weight:800}.btn{min-height:48px;padding:0 20px;border-radius:24px;border:none;font-weight:800;font-size:16px;display:inline-flex;align-items:center;justify-content:center;gap:8px;background:var(--accent);color:var(--accent-ink)}.theme-c .btn,.theme-n .btn{border-radius:16px;font-family:var(--display);font-size:18px;border-bottom:5px solid var(--accent-dark);min-height:56px}.btn.block{width:100%}.btn.ghost{background:transparent;color:var(--text);border:1.5px solid var(--line)}.theme-c .btn.ghost,.theme-n .btn.ghost{border:2px solid var(--line);border-bottom-width:5px}.btn:disabled{opacity:.45}.link-btn{min-height:44px;padding:0 12px;border:none;background:transparent;color:var(--accent);font-weight:700;font-size:14px;display:inline-flex;align-items:center;gap:8px}.icon-btn{width:44px;height:44px;flex:none;border-radius:22px;border:none;background:var(--surface);color:var(--text);display:inline-flex;align-items:center;justify-content:center}.chip{height:36px;padding:0 14px;border-radius:18px;border:1.5px solid var(--line);background:transparent;color:var(--text);font-weight:700;font-size:14px;white-space:nowrap;flex:none;display:inline-flex;align-items:center;gap:6px}.chip[aria-pressed=true]{background:var(--accent);border-color:var(--accent);color:var(--accent-ink)}.chip.stat{background:var(--surface);border:none;font-weight:600}.chips{display:flex;gap:8px;overflow-x:auto;scrollbar-width:none;margin:0 -20px;padding:0 20px}.chips::-webkit-scrollbar{display:none}.avatar{width:44px;height:44px;border-radius:22px;flex:none;display:inline-flex;align-items:center;justify-content:center;font-weight:800;font-size:17px;border:2px solid var(--accent);background:var(--surface);color:var(--accent)}.theme-c .avatar{background:var(--accent);color:#fff;border:none;font-family:var(--display)}.card{background:var(--surface);border-radius:var(--radius);overflow:hidden}.card-body{padding:16px 18px 18px;display:flex;flex-direction:column;gap:8px}.eyebrow{font-size:12px;font-weight:800;letter-spacing:1.2px;text-transform:uppercase;color:var(--accent)}.grid-2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.grid-3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.tile{text-align:left;border:none;padding:0;color:inherit;background:var(--surface);border-radius:16px;overflow:hidden;display:flex;flex-direction:column}.tile-body{padding:10px 12px 12px;display:flex;flex-direction:column;gap:4px}.tile-title{font-weight:800;font-size:15px}.tag{font-size:12px;font-weight:700;color:var(--ok)}.stars{color:var(--accent);display:inline-flex;gap:2px}.stars .off{color:var(--track)}.tabbar{position:fixed;left:0;right:0;bottom:0;background:var(--surface-2);border-top:1px solid var(--track);padding-bottom:env(safe-area-inset-bottom);z-index:10}.tabbar-inner{max-width:480px;margin:0 auto;height:72px;display:flex;justify-content:space-around;align-items:center}.tab{min-width:72px;padding:6px 0;border:none;background:transparent;color:var(--muted);font-size:12px;font-weight:700;display:flex;flex-direction:column;align-items:center;gap:4px}.tab[aria-current=page]{color:var(--accent);font-weight:800}.progress-seg{display:flex;gap:6px}.progress-seg span{flex:1;height:6px;border-radius:3px;background:var(--track)}.progress-seg span.on{background:var(--accent)}.progress-bar{height:14px;border-radius:7px;background:var(--track);overflow:hidden}.progress-bar>div{height:100%;border-radius:7px;background:var(--accent);transition:width .3s ease}.scene{border-radius:var(--radius);overflow:hidden}.story-text{font-family:var(--display);font-size:19px;line-height:1.55}.task-card{background:var(--surface);border-radius:var(--radius);padding:20px;display:flex;flex-direction:column;align-items:center;gap:16px;text-align:center}.task-display{font-family:var(--display);font-size:28px;line-height:1.35;font-weight:600}.task-display.big{font-size:40px}.blank{display:inline-block;min-width:24px;padding:0 2px;margin:0;border-bottom:3px dashed var(--accent);color:var(--accent)}.blank.filled{border-bottom-style:solid;color:var(--ok);border-color:var(--ok)}.options{width:100%;display:grid;gap:12px}.option{min-height:72px;border-radius:18px;border:2px solid transparent;background:var(--text);color:var(--bg);font-family:var(--display);font-weight:600;font-size:30px;padding:8px}.option.long{font-size:20px}.theme-c .option{background:var(--surface);color:var(--text);border:2px solid var(--line);border-bottom-width:5px;font-weight:700;font-size:24px}.theme-c .option.long{font-size:19px}.theme-c .option[aria-pressed=true]{border-color:var(--accent);background:#dce8ff}.option.right{background:var(--ok)!important;color:#fff!important;border-color:var(--ok)!important}.theme-a .option.right{color:var(--accent-ink)!important}.option.wrong{background:var(--bad-bg)!important;color:var(--bad)!important;border-color:var(--bad)!important;animation:shake .35s}@keyframes shake{0%,to{transform:translate(0)}25%{transform:translate(-6px)}75%{transform:translate(6px)}}@media(prefers-reduced-motion:reduce){.option.wrong{animation:none}}.feedback{border-radius:16px;padding:14px 16px;font-size:15px;line-height:1.45;width:100%;text-align:left}.feedback.ok{background:var(--ok-bg);color:var(--ok);font-weight:700}.theme-a .feedback.ok{color:var(--ok)}.feedback.bad{background:var(--bad-bg);color:var(--text)}.feedback.bad strong{color:var(--bad)}.bubble{flex:1;background:var(--surface);border-radius:18px 18px 18px 4px;padding:14px 16px;font-size:15px;line-height:1.45}.bottom-bar{position:fixed;left:0;right:0;bottom:0;background:var(--surface-2);border-top:2px solid var(--track);padding:16px 20px max(20px,env(safe-area-inset-bottom));z-index:10}.bottom-bar>*{max-width:440px;margin:0 auto}.path{position:relative;display:flex;flex-direction:column;gap:18px;padding:8px 0}.path-line{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}.node-row{position:relative;display:flex;align-items:center;gap:14px}.node{width:64px;height:64px;flex:none;border-radius:32px;border:none;border-bottom:5px solid rgba(0,0,0,.18);display:flex;align-items:center;justify-content:center;color:#fff}.node.done{background:var(--ok)}.node.current{width:84px;height:84px;border-radius:42px;background:var(--accent);border:5px solid var(--sun)}.node.locked{background:#d5deeb;color:#6e7e98}.node-label{background:var(--surface);border-radius:14px;padding:8px 12px;min-width:0}.node-label strong{display:block;font-family:var(--display);font-size:17px;line-height:1.2}.field{display:flex;flex-direction:column;gap:8px;font-weight:600;font-size:14px}.field input{height:52px;border-radius:14px;border:2px solid var(--line);background:var(--surface);color:var(--text);font:inherit;font-size:17px;padding:0 14px}.list{background:var(--surface);border-radius:var(--radius);overflow:hidden}.list-row{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:52px;padding:10px 16px;border-bottom:1px solid var(--track);font-size:14px}.list-row:last-child{border-bottom:none}.bar{height:8px;border-radius:4px;background:var(--track);overflow:hidden;margin-top:6px}.bar>div{height:100%;background:var(--ok)}.bar>div.warn{background:#e08a2e}.child-card{display:block;width:100%;border:none;padding:0;text-align:left;border-radius:20px;overflow:hidden}.child-card.a{background:#1b1d3a;color:#f4f1e8}.child-card.c{background:#fff;color:#14213d;border:2px solid #c9daf3;border-bottom-width:5px}.center{text-align:center;align-items:center}.celebrate{display:flex;flex-direction:column;align-items:center;gap:16px;text-align:center;padding-top:24px}.big-stars{display:flex;gap:10px;color:var(--accent)}.theme-c .big-stars{color:var(--sun)}.big-stars .off{color:var(--track)}.visually-hidden{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}.tile-wrap{position:relative;display:flex}.tile-wrap .tile{flex:1}.tile-listen{position:absolute;top:8px;left:8px;width:36px;height:36px;border-radius:18px;border:1.5px solid rgba(255,255,255,.35);background:#0f112899;color:#fff;display:grid;place-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}