:root{--bg:#f6f7f5;--surface:#fff;--raised:#fff;--ink:#14181c;--muted:#5b646a;--hairline:#dbdfdb;--accent:#2f6f6a;--accent-ink:#fff;--good:#2c6b4f;--good-soft:#dcede4;--bad:#9c3a3a;--bad-soft:#f4e0e0;--good-ink:#fff;--bad-ink:#fff}@media (prefers-color-scheme:dark){:root:not([data-theme]){--bg:#0f1315;--surface:#161b1e;--raised:#1c2226;--ink:#e6eaec;--muted:#93a0a6;--hairline:#2a3236;--accent:#57b5ac;--accent-ink:#08110f;--good:#6cc294;--good-soft:#14251c;--bad:#e08a8a;--bad-soft:#2a1717;--good-ink:#0f1315;--bad-ink:#0f1315}}:root[data-theme=light]{--bg:#f6f7f5;--surface:#fff;--raised:#fff;--ink:#14181c;--muted:#5b646a;--hairline:#dbdfdb;--accent:#2f6f6a;--accent-ink:#fff;--good:#2c6b4f;--good-soft:#dcede4;--bad:#9c3a3a;--bad-soft:#f4e0e0;--good-ink:#fff;--bad-ink:#fff}:root[data-theme=dark]{--bg:#0f1315;--surface:#161b1e;--raised:#1c2226;--ink:#e6eaec;--muted:#93a0a6;--hairline:#2a3236;--accent:#57b5ac;--accent-ink:#08110f;--good:#6cc294;--good-soft:#14251c;--bad:#e08a8a;--bad-soft:#2a1717;--good-ink:#0f1315;--bad-ink:#0f1315}:root[data-theme=sepia]{--bg:#f2e9d7;--surface:#faf4e6;--raised:#fffaf0;--ink:#33291b;--muted:#6a5b41;--hairline:#dccfb3;--accent:#7f5220;--accent-ink:#fffaf0;--good:#4a6234;--good-soft:#e6ebd4;--bad:#94381f;--bad-soft:#f3ded4;--good-ink:#faf4e6;--bad-ink:#faf4e6}:root[data-theme=forest]{--bg:#0f1611;--surface:#16201a;--raised:#1c2820;--ink:#e2ebe4;--muted:#94a799;--hairline:#283730;--accent:#6fbf8a;--accent-ink:#08130c;--good:#7fca8f;--good-soft:#16281a;--bad:#dd8f84;--bad-soft:#2a1a17;--good-ink:#0f1611;--bad-ink:#0f1611}:root[data-theme=ocean]{--bg:#edf2f7;--surface:#f7fafd;--raised:#fff;--ink:#121a22;--muted:#54626f;--hairline:#cfd9e4;--accent:#1f5f92;--accent-ink:#fff;--good:#1f6b57;--good-soft:#d9ece6;--bad:#98383f;--bad-soft:#f4dfe1;--good-ink:#fff;--bad-ink:#fff}:root[data-theme=plum]{--bg:#16101a;--surface:#1e1724;--raised:#261e2d;--ink:#ece5f0;--muted:#a698ae;--hairline:#332a3b;--accent:#c08fd6;--accent-ink:#14091a;--good:#85c79c;--good-soft:#19271f;--bad:#e28fa0;--bad-soft:#2b171d;--good-ink:#16101a;--bad-ink:#16101a}:root[data-theme=sand]{--bg:#f7f3ec;--surface:#fdfaf5;--raised:#fff;--ink:#241f18;--muted:#675e51;--hairline:#e2d9ca;--accent:#8f5c14;--accent-ink:#fff;--good:#4c6534;--good-soft:#e7ecd8;--bad:#96392a;--bad-soft:#f4e0da;--good-ink:#fff;--bad-ink:#fff}:root[data-theme=slate]{--bg:#12161a;--surface:#1a1f25;--raised:#21272e;--ink:#e3e8ed;--muted:#9aa5b1;--hairline:#2c343d;--accent:#7fa9c9;--accent-ink:#0b1116;--good:#79c39d;--good-soft:#16261f;--bad:#dd8f95;--bad-soft:#2a181a;--good-ink:#12161a;--bad-ink:#12161a}:root[data-theme=rose]{--bg:#f9eff1;--surface:#fdf7f8;--raised:#fff;--ink:#241519;--muted:#6a545a;--hairline:#e7d1d6;--accent:#9c3651;--accent-ink:#fff;--good:#3f6a4f;--good-soft:#e2eee6;--bad:#9c3a3a;--bad-soft:#f6dede;--good-ink:#fff;--bad-ink:#fff}:root[data-theme=mono]{--bg:#fff;--surface:#fafafa;--raised:#fff;--ink:#000;--muted:#4f4f4f;--hairline:#cfcfcf;--accent:#000;--accent-ink:#fff;--good:#1f1f1f;--good-soft:#ececec;--bad:#1f1f1f;--bad-soft:#e2e2e2;--good-ink:#fff;--bad-ink:#fff}:root{--sans:system-ui, -apple-system, "Segoe UI", "PingFang TC", "Hiragino Sans", "Noto Sans TC", "Microsoft JhengHei", sans-serif;--mono:ui-monospace, "SFMono-Regular", Menlo, monospace;--radius:10px;--gutter:16px;--tap:48px}*{box-sizing:border-box}html,body{overscroll-behavior-y:none;height:100%;margin:0;padding:0}body{background:var(--bg);color:var(--ink);font-family:var(--sans);-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:transparent;font-size:16px;line-height:1.6}#app{flex-direction:column;min-height:100dvh;display:flex;overflow-x:clip}@supports not (overflow:clip){#app{overflow-x:hidden}}.topbar{padding:10px var(--gutter);padding-top:max(10px, env(safe-area-inset-top));border-bottom:1px solid var(--hairline);background:var(--surface);z-index:20;align-items:center;gap:8px;display:flex;position:sticky;top:0}.topbar h1{letter-spacing:.01em;text-overflow:ellipsis;white-space:nowrap;margin:0;font-size:15px;font-weight:600;overflow:hidden}.grow{flex:1;min-width:0}button{font:inherit;color:var(--ink);background:var(--raised);border:1px solid var(--hairline);border-radius:var(--radius);min-height:var(--tap);cursor:pointer;padding:10px 14px;font-weight:500;transition:border-color .12s,background .12s}button:disabled{opacity:.45;cursor:not-allowed}button.primary{background:var(--accent);border-color:var(--accent);color:var(--accent-ink)}button.quiet{color:var(--muted);background:0 0;border-color:#0000;min-height:36px;padding:6px 10px}button.quiet:hover:not(:disabled){color:var(--ink)}button.small{min-height:36px;padding:6px 12px;font-size:14px}button svg{vertical-align:-.14em;flex:none}button.icon-only{justify-content:center;align-items:center;min-width:40px;padding:6px;font-size:18px;display:inline-flex}:focus-visible{outline:2px solid var(--accent);outline-offset:2px;border-radius:4px}input[type=text],input[type=url],input[type=number],select{font:inherit;color:var(--ink);background:var(--raised);border:1px solid var(--hairline);border-radius:var(--radius);width:100%;min-height:var(--tap);padding:11px 12px}label{flex-direction:column;gap:6px;font-size:14px;display:flex}label>.label-text{color:var(--muted)}a{color:var(--accent);text-underline-offset:2px}.page{width:100%;max-width:40rem;padding:20px var(--gutter) calc(24px + env(safe-area-inset-bottom));flex-direction:column;flex:1;gap:20px;margin:0 auto;display:flex}.panel{background:var(--surface);border:1px solid var(--hairline);border-radius:var(--radius);flex-direction:column;gap:12px;padding:16px;display:flex}.row{flex-wrap:wrap;align-items:center;gap:8px;display:flex}h2{margin:0;font-size:17px;font-weight:600}p{margin:0}.muted{color:var(--muted);font-size:14px}.notice{border-left:3px solid var(--accent);background:var(--surface);border-radius:0 var(--radius) var(--radius) 0;flex-direction:column;gap:4px;padding:10px 14px;font-size:14px;display:flex}.notice.bad{border-left-color:var(--bad);background:var(--bad-soft)}.row-list{flex-direction:column;gap:8px;display:flex}.row-link{text-align:left;align-items:center;gap:12px;width:100%;min-height:60px;padding:14px;display:flex}.row-link:hover:not(:disabled){border-color:var(--accent);background:var(--surface)}.row-link .deck-arrow{transition:transform .12s}.row-link:hover .deck-arrow{color:var(--accent);transform:translate(2px)}.row-link .name{font-weight:600}.row-link .deck-arrow{color:var(--muted);flex:none;font-size:18px}.row-link .sub{color:var(--muted);font-variant-numeric:tabular-nums;font-size:13px}.howto{color:var(--muted);flex-direction:column;gap:6px;font-size:14px;display:flex}.howto li{margin:0}.howto ol{flex-direction:column;gap:6px;margin:0;padding-left:20px;display:flex}.quiz{padding:12px var(--gutter) calc(12px + env(safe-area-inset-bottom));flex:1;grid-template-rows:auto minmax(0,1fr) auto;gap:12px;width:100%;max-width:40rem;margin:0 auto;display:grid}.progress{color:var(--muted);font-variant-numeric:tabular-nums;justify-content:space-between;align-items:center;font-size:13px;display:flex}.progress-track{background:var(--hairline);border-radius:2px;height:3px;overflow:hidden}.progress-fill{background:var(--accent);height:100%;transition:width .18s}.card-stage{align-items:stretch;min-height:0;display:flex;position:relative}.card{border-radius:var(--radius);cursor:pointer;perspective:1400px;touch-action:pan-y;-webkit-user-select:none;user-select:none;background:0 0;border:none;flex:1;position:relative}.card.dragging{transition:none}.card:not(.dragging){transition:transform .2s}.card-inner{width:100%;height:100%;transform-style:preserve-3d;transition:transform .34s cubic-bezier(.2,.7,.3,1);position:relative}.card-inner.flipped{transform:rotateY(180deg)}.card-surface,.card-face{text-align:center;background:var(--raised);border:1px solid var(--hairline);border-radius:var(--radius);overscroll-behavior:contain;touch-action:pan-y;padding:28px 20px;display:flex;overflow:hidden auto}.card-face{backface-visibility:hidden;position:absolute;inset:0}.card-face.back{transform:rotateY(180deg)}.card-body{text-align:left;flex-direction:column;align-self:stretch;gap:10px;width:100%;display:flex}.card-body h2{font-size:15px}.card-body ol{flex-direction:column;gap:6px;margin:0;padding-left:20px;font-size:14px;display:flex}.card-body .row-list{gap:6px}.card-body .row-link{min-height:44px;padding:9px 12px}.card-turn{color:var(--muted);text-align:center;margin-top:auto;padding-top:6px;font-size:12px}.face-flip-mark{color:var(--muted);opacity:.35;font-size:15px;position:absolute;top:10px;right:10px}.face-text{overflow-wrap:anywhere;white-space:pre-wrap;max-width:34rem;margin:auto}.face-question{font-size:clamp(22px,6vw,30px);font-weight:600;line-height:1.4}.face-answer{font-size:clamp(17px,4.5vw,21px);line-height:1.6}.swipe-tint{border-radius:var(--radius);pointer-events:none;opacity:0;transition:opacity 80ms linear;position:absolute;inset:0}.swipe-tint.good{background:var(--good-soft)}.swipe-tint.bad{background:var(--bad-soft)}.answers{grid-template-columns:1fr 1fr;gap:10px;display:grid}.answers button{min-height:var(--tap);justify-content:center;align-items:center;gap:8px;font-weight:600;display:inline-flex}.answers .known{border-color:var(--good);color:var(--good)}.answers .unknown{border-color:var(--bad);color:var(--bad)}.answers button.armed{font-weight:700;transition:transform 90ms,background 90ms,color 90ms,box-shadow 90ms;transform:translateY(-3px)scale(1.03)}.answers .known.armed{background:var(--good);border-color:var(--good);color:var(--good-ink);box-shadow:0 4px 14px -2px var(--good)}.answers .unknown.armed{background:var(--bad);border-color:var(--bad);color:var(--bad-ink);box-shadow:0 4px 14px -2px var(--bad)}.answers .known:not(.armed),.answers .unknown:not(.armed){background:var(--raised)}.hint-line{text-align:center;color:var(--muted);min-height:1.2em;font-size:12px}.score{font-variant-numeric:tabular-nums;letter-spacing:-.02em;font-size:clamp(28px,8vw,40px);font-weight:700}.wrong-list{border:1px solid var(--hairline);border-radius:var(--radius);background:var(--raised);flex-direction:column;gap:0;display:flex;overflow:hidden}.wrong-list .item{border-bottom:1px solid var(--hairline);grid-template-columns:1fr 1fr;gap:12px;padding:10px 14px;font-size:14px;display:grid}.wrong-list .item:last-child{border-bottom:none}.wrong-list .item .b{color:var(--muted);overflow-wrap:anywhere}.wrong-list .item .a{overflow-wrap:anywhere;font-weight:600}.sheet-backdrop.centered{align-items:center;padding:16px}.card-modal{flex-direction:column;width:100%;max-width:30rem;max-height:80dvh;display:flex;position:relative}.card-modal .card-surface{max-height:100%}.card-close{z-index:1;min-width:44px;min-height:44px;color:var(--muted);background:0 0;border-color:#0000;justify-content:center;align-items:center;padding:0;font-size:18px;display:inline-flex;position:absolute;top:8px;right:8px}.card-close:hover:not(:disabled){color:var(--ink);border-color:var(--hairline);background:var(--surface)}.card-modal .card-body h2{padding-right:52px}.sheet-backdrop{z-index:30;background:#00000073;justify-content:center;align-items:flex-end;display:flex;position:fixed;inset:0}.sheet{background:var(--bg);width:100%;max-width:34rem;max-height:88dvh;padding:16px var(--gutter) calc(20px + env(safe-area-inset-bottom));border-top-left-radius:14px;border-top-right-radius:14px;flex-direction:column;gap:16px;display:flex;overflow-y:auto}.sheet-head{align-items:center;gap:8px;display:flex}.sheet-head h2{flex:1}.field-group{flex-direction:column;gap:14px;display:flex}.switch{justify-content:space-between;align-items:center;gap:12px;font-size:14px;display:flex}.switch input{width:22px;height:22px;accent-color:var(--accent)}.section-label{letter-spacing:.08em;text-transform:uppercase;color:var(--muted);font-size:12px;font-family:var(--mono)}.banner{padding:8px var(--gutter);background:var(--surface);border-bottom:1px solid var(--hairline);color:var(--muted);align-items:center;gap:8px;font-size:13px;display:flex}.spin{border:2px solid var(--hairline);border-top-color:var(--accent);vertical-align:-2px;border-radius:50%;width:15px;height:15px;animation:.7s linear infinite spin;display:inline-block}@keyframes spin{to{transform:rotate(360deg)}}.center{color:var(--muted);flex:1;justify-content:center;align-items:center;gap:8px;display:flex}@media (min-width:640px){.answers{width:100%;max-width:26rem;margin:0 auto}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important}}