:root{--bg: #f3f4f1;--surface: #ffffff;--surface-2: #e9ebe6;--ink: #1f2328;--ink-2: #5b6169;--line: #d6d9d2;--accent: #c2255c;--accent-ink: #ffffff;--pencil: #262a31;--pencil-ink: #f3f4f1;--ok: #2b7a4b;--ok-bg: #e3f2e8;--bad: #d9480f;--bad-bg: #fdeee4;--warn-bg: #fff3c4;--warn-ink: #6b4e00;--radius: 14px;--sans: "Noto Sans SC", "PingFang SC", "Microsoft YaHei", system-ui, sans-serif;--mono: "JetBrains Mono", "Cascadia Mono", Consolas, ui-monospace, monospace;color-scheme:light}@media(prefers-color-scheme:dark){:root:not([data-theme=light]){--bg: #16181b;--surface: #1f2226;--surface-2: #2a2e33;--ink: #eceef0;--ink-2: #a0a7b0;--line: #353a40;--accent: #f06595;--accent-ink: #1a0b11;--pencil: #e6e8eb;--pencil-ink: #16181b;--ok: #69db7c;--ok-bg: #1b3324;--bad: #ff922b;--bad-bg: #3a2414;--warn-bg: #3a3114;--warn-ink: #ffd666;color-scheme:dark}}:root[data-theme=dark]{--bg: #16181b;--surface: #1f2226;--surface-2: #2a2e33;--ink: #eceef0;--ink-2: #a0a7b0;--line: #353a40;--accent: #f06595;--accent-ink: #1a0b11;--pencil: #e6e8eb;--pencil-ink: #16181b;--ok: #69db7c;--ok-bg: #1b3324;--bad: #ff922b;--bad-bg: #3a2414;--warn-bg: #3a3114;--warn-ink: #ffd666;color-scheme:dark}*{box-sizing:border-box}html,body{margin:0;padding:0}body{background:var(--bg);color:var(--ink);font-family:var(--sans);font-size:17px;line-height:1.55;-webkit-tap-highlight-color:transparent}#app{max-width:560px;margin:0 auto;padding:16px 16px 120px;min-height:100dvh}h1,h2,h3{line-height:1.25;margin:0 0 8px;text-wrap:balance}h1{font-size:26px;letter-spacing:-.01em}h2{font-size:20px}h3{font-size:17px;margin-top:18px}p{margin:6px 0}code,.mono{font-family:var(--mono);font-feature-settings:"zero"}button{font:inherit;color:inherit;border:1px solid var(--line);background:var(--surface);border-radius:12px;padding:10px 14px;cursor:pointer;touch-action:manipulation}button:active{transform:scale(.98)}button:disabled{opacity:.45;cursor:default;transform:none}button.primary{background:var(--pencil);color:var(--pencil-ink);border-color:transparent;font-weight:700}button:focus-visible{outline:3px solid var(--accent);outline-offset:2px}button.ghost{background:transparent}button.big{width:100%;padding:16px;font-size:19px;border-radius:var(--radius)}.card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:16px;margin:12px 0}.muted{color:var(--ink-2);font-size:14px}.row{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.spread{display:flex;justify-content:space-between;align-items:center;gap:8px}.chip{display:inline-block;font-size:13px;padding:2px 10px;border-radius:999px;background:var(--surface-2);color:var(--ink-2)}.chip.accent{background:var(--accent);color:var(--accent-ink)}.grid{display:flex;gap:8px;flex-wrap:wrap;margin:10px 0}.cell{width:44px;height:44px;border-radius:22px;border:2px solid var(--accent);display:grid;place-items:center;font-size:13px;color:var(--ink-2)}.cell.on{background:var(--pencil);border-color:var(--pencil);color:var(--pencil-ink)}.cell.desk{width:64px}.topbar{display:flex;align-items:center;gap:10px;margin-bottom:8px}.dots{display:flex;gap:4px;flex:1}.dot{height:6px;flex:1;border-radius:3px;background:var(--line)}.dot.done{background:var(--accent)}.dot.cur{background:var(--ink-2)}.feedcard{background:var(--surface);border:1px solid var(--line);border-radius:22px;padding:18px 16px;min-height:52dvh;display:flex;flex-direction:column;gap:12px}.question{font-weight:700;font-size:18px}.context{font-family:var(--mono);font-size:14px;color:var(--ink-2);border-left:3px solid var(--line);padding-left:10px}.prompt{font-size:17px}.fieldrow{display:flex;flex-direction:column;gap:4px}.fieldlabel{font-size:13px;color:var(--ink-2)}.answerbox{font-family:var(--mono);font-size:26px;letter-spacing:.08em;min-height:52px;border:2px solid var(--line);border-radius:12px;padding:8px 12px;background:var(--bg);text-align:left;width:100%;overflow-wrap:anywhere}.answerbox.active{border-color:var(--accent)}.answerbox.ok{border-color:var(--ok);background:var(--ok-bg)}.answerbox.bad{border-color:var(--bad);background:var(--bad-bg)}.answerbox .caret{display:inline-block;width:2px;height:1em;background:var(--accent);vertical-align:-.12em;animation:blink 1s steps(1) infinite}@keyframes blink{50%{opacity:0}}.choices{display:flex;flex-direction:column;gap:8px}.choices button{text-align:left}.choices button.sel{border-color:var(--accent);border-width:2px}.choices button.ok{border-color:var(--ok);background:var(--ok-bg)}.choices button.bad{border-color:var(--bad);background:var(--bad-bg)}.selfcheck{background:var(--warn-bg);color:var(--warn-ink);border-radius:12px;padding:10px 12px;display:flex;gap:10px;align-items:center;justify-content:space-between}.selfcheck button{flex-shrink:0}.selfcheck.done{opacity:.6}.conf{display:flex;gap:6px}.conf button{flex:1;padding:8px 0;font-size:15px}.conf button.sel{border-color:var(--accent);border-width:2px;font-weight:700}.keypad{position:fixed;left:0;right:0;bottom:0;background:var(--surface);border-top:1px solid var(--line);padding:8px 8px calc(8px + env(safe-area-inset-bottom));display:grid;gap:6px;z-index:10}.keypad .inner{max-width:560px;margin:0 auto;display:grid;gap:6px;width:100%}.keypad button{font-family:var(--mono);font-size:24px;padding:12px 0;border-radius:12px}.keypad .submit{font-family:inherit;font-size:18px}.feedback{border-radius:14px;padding:12px}.feedback.ok{background:var(--ok-bg)}.feedback.bad{background:var(--bad-bg)}.feedback .title{font-weight:800;font-size:20px}.explain{margin:8px 0 0;padding-left:0;list-style:none}.explain li{padding:3px 0}.explain .q{font-weight:700}.explain .steptitle{font-weight:700;margin-top:8px}.explain .hl{background:var(--warn-bg);color:var(--warn-ink);border-radius:6px;padding:0 4px}.finderr{list-style:none;padding:0;margin:0;font-family:var(--mono);font-size:15px}.finderr li{padding:6px 8px;border-radius:8px}.finderr li:nth-child(odd){background:var(--surface-2)}.swipehint{text-align:center;color:var(--ink-2);font-size:13px}.points{font-weight:800;color:var(--accent)}.lesson h3{color:var(--accent)}.lesson ol,.lesson ul{padding-left:22px}.lesson li{margin:4px 0}.timer{font-family:var(--mono);font-weight:700;font-size:18px}.breakclock{font-family:var(--mono);font-size:72px;font-weight:800;text-align:center;margin:24px 0}table{width:100%;border-collapse:collapse;font-size:15px}td,th{text-align:left;padding:8px 4px;border-bottom:1px solid var(--line);vertical-align:top}.lv{display:inline-flex;gap:2px}.lv i{width:10px;height:10px;border-radius:2px;background:var(--line);display:inline-block}.lv i.on{background:var(--accent)}input[type=text],input[type=date],select,textarea{font:inherit;color:inherit;background:var(--bg);border:1px solid var(--line);border-radius:10px;padding:10px;width:100%}label{display:block;margin:10px 0 4px;font-size:14px;color:var(--ink-2)}.toast{position:fixed;top:16px;left:50%;transform:translate(-50%);background:var(--ink);color:var(--bg);padding:10px 16px;border-radius:12px;z-index:20;font-weight:700;animation:pop 1.6s ease forwards}@keyframes pop{0%{opacity:0;transform:translate(-50%,-8px)}12%{opacity:1;transform:translate(-50%)}80%{opacity:1}to{opacity:0}}.nav{display:flex;gap:8px;margin-top:16px}.nav button{flex:1}@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important;scroll-behavior:auto!important}}