:root{--font-ui: "Avenir Next", "Segoe UI", system-ui, "Noto Sans TC", "PingFang TC", sans-serif;--font-head: "Futura", "Avenir Next", "Century Gothic", "Trebuchet MS", "Noto Sans TC", system-ui, sans-serif;--font-mono: "SF Mono", "JetBrains Mono", "Roboto Mono", "DejaVu Sans Mono", ui-monospace, monospace;--radius: 10px;--radius-sm: 6px;--space: 8px;--maxw: 720px;--nav-h: 64px;--bg: #e7dcbf;--bg-elev: #fbf5e6;--bg-elev-2: #f1e6cd;--border: #d3c39c;--text: #22303b;--text-dim: #7c6f54;--color-primary: #b23a2e;--color-primary-deep: #8e2c22;--color-accent: #a9822b;--color-correct: #2f7d52;--color-wrong: #b23a2e;--ink-soft: rgba(34, 28, 16, .4);--paper-line: rgba(120, 100, 60, .06)}[data-theme=dark]{--bg: #121d29;--bg-elev: #1b2a3a;--bg-elev-2: #243749;--border: #35485d;--text: #f1e7d0;--text-dim: #9daabb;--color-primary: #e0685a;--color-primary-deep: #c5503f;--color-accent: #d8b15a;--color-correct: #63b37e;--color-wrong: #e0685a;--ink-soft: rgba(0, 0, 0, .5);--paper-line: rgba(255, 240, 210, .04)}*{box-sizing:border-box}html,body{margin:0;padding:0}body{background-color:var(--bg);background-image:repeating-linear-gradient(var(--paper-line) 0 1px,transparent 1px 30px);color:var(--text);font-family:var(--font-ui);-webkit-font-smoothing:antialiased;line-height:1.5}h1,h2,h3,.page-title{font-family:var(--font-head);letter-spacing:.01em}a{color:inherit;text-decoration:none}button{font-family:inherit;cursor:pointer}:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.app-shell{max-width:var(--maxw);margin:0 auto;min-height:100dvh;padding:calc(env(safe-area-inset-top) + 14px) 16px calc(var(--nav-h) + env(safe-area-inset-bottom) + 18px)}.page-title{font-size:1.35rem;font-weight:800;text-transform:uppercase;letter-spacing:.06em;margin:6px 0 18px;display:flex;align-items:center;gap:8px}.page-title:after{content:"";flex:1;height:2px;background:repeating-linear-gradient(90deg,var(--border) 0 8px,transparent 8px 14px)}.card{position:relative;background:var(--bg-elev);border:1px solid var(--border);border-radius:var(--radius);padding:18px;box-shadow:0 14px 26px -18px var(--ink-soft)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;border:1.5px solid var(--border);border-radius:var(--radius-sm);padding:13px 18px;font-family:var(--font-head);font-size:.95rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em;background:var(--bg-elev);color:var(--text);min-height:48px;transition:transform .04s ease,filter .15s ease}.btn:active{transform:translateY(1px)}.btn:disabled{opacity:.42;cursor:not-allowed}.btn-primary{background:var(--color-primary);border-color:var(--color-primary-deep);color:#fbf5e6}.btn-accent{background:var(--color-accent);border-color:color-mix(in srgb,var(--color-accent) 70%,black);color:#201500}.btn-correct{background:var(--color-correct);border-color:color-mix(in srgb,var(--color-correct) 70%,black);color:#fbf5e6}.btn-wrong{background:var(--color-wrong);border-color:var(--color-primary-deep);color:#fbf5e6}.btn-block{width:100%}.option{display:flex;align-items:center;gap:10px;width:100%;text-align:left;background:var(--bg-elev);border:1.5px solid var(--border);border-left:4px solid var(--border);border-radius:var(--radius-sm);padding:14px 16px;color:var(--text);font-size:1rem;min-height:52px;margin-bottom:10px;transition:border-color .12s ease,background .12s ease}.option.selected{border-color:var(--color-primary);border-left-color:var(--color-primary);background:color-mix(in srgb,var(--color-primary) 10%,var(--bg-elev))}.option.correct{border-color:var(--color-correct);border-left-color:var(--color-correct);background:color-mix(in srgb,var(--color-correct) 14%,var(--bg-elev))}.option.wrong{border-color:var(--color-wrong);border-left-color:var(--color-wrong);background:color-mix(in srgb,var(--color-wrong) 14%,var(--bg-elev))}.token{display:inline-flex;align-items:center;background:var(--bg-elev-2);border:1px solid var(--border);border-radius:var(--radius-sm);padding:8px 12px;margin:4px;font-family:var(--font-mono);font-size:.9rem;min-height:40px}.chip{display:inline-flex;align-items:center;gap:6px;background:transparent;border:1.5px solid var(--color-primary);color:var(--color-primary);border-radius:4px;padding:3px 10px;font-family:var(--font-mono);font-size:.72rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em}.topbar{display:flex;align-items:center;justify-content:flex-end;gap:16px;margin-bottom:10px}.stat{display:inline-flex;align-items:center;gap:5px;font-family:var(--font-mono);font-weight:700;font-size:.95rem}.hearts{color:var(--color-wrong)}.streak,.xp{color:var(--color-accent)}.bottom-nav{position:fixed;bottom:0;left:0;right:0;height:calc(var(--nav-h) + env(safe-area-inset-bottom));padding-bottom:env(safe-area-inset-bottom);background:var(--bg-elev);border-top:3px double var(--border);display:flex;justify-content:space-around;align-items:stretch;z-index:50}.bottom-nav a{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;font-family:var(--font-head);font-size:.64rem;text-transform:uppercase;letter-spacing:.06em;color:var(--text-dim);font-weight:700;position:relative}.bottom-nav a.active{color:var(--color-primary)}.bottom-nav a.active:before{content:"";position:absolute;top:0;width:26px;height:3px;background:var(--color-primary);border-radius:0 0 3px 3px}.progressbar{height:12px;background:var(--bg-elev-2);border:1px solid var(--border);border-radius:999px;overflow:hidden;position:relative}.progressbar>span{display:block;height:100%;background:var(--color-primary);background-image:repeating-linear-gradient(45deg,color-mix(in srgb,var(--color-primary) 100%,transparent) 0,color-mix(in srgb,var(--color-primary) 100%,transparent) 8px,color-mix(in srgb,var(--color-primary) 82%,black) 8px,color-mix(in srgb,var(--color-primary) 82%,black) 16px);transition:width .3s ease}.feedback{border-radius:var(--radius-sm);padding:14px 16px;margin-top:12px;border-left:5px solid var(--border)}.feedback.ok{background:color-mix(in srgb,var(--color-correct) 16%,var(--bg-elev));border-left-color:var(--color-correct)}.feedback.no{background:color-mix(in srgb,var(--color-wrong) 16%,var(--bg-elev));border-left-color:var(--color-wrong)}.feedback h4{margin:0 0 6px;font-family:var(--font-head);display:flex;align-items:center;gap:6px}.feedback p{margin:0;color:var(--text-dim);font-size:.92rem}.muted{color:var(--text-dim)}.center{text-align:center}.stack>*+*{margin-top:12px}.row{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.kicker{font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.22em;font-size:.72rem;color:var(--color-primary);font-weight:700}.stamp{display:grid;place-items:center;border:2px dashed var(--color-primary);color:var(--color-primary);border-radius:50%;aspect-ratio:1}@media (prefers-reduced-motion: reduce){*{transition:none!important}}.drag-ghost.svelte-13gid8e{position:fixed;transform:translate(-50%,-130%);z-index:300;pointer-events:none;background:var(--color-primary);color:#fbf5e6;border:1px solid var(--color-primary-deep);border-radius:var(--radius-sm);padding:8px 12px;font-family:var(--font-mono);font-size:.95rem;box-shadow:0 10px 22px #00000059}