:root{color-scheme:light dark;--bg: #faf8f5;--surface: #ffffff;--surface-sunken: #f2eee8;--border: #e5ded4;--border-strong: #cdc2b3;--text: #1b1714;--text-muted: #5f574e;--text-faint: #8a8076;--accent: #8a5115;--accent-hover: #6f4010;--accent-soft: #fbf0e2;--accent-text: #ffffff;--rang: #8a5115;--rang-soft: #fbf0e2;--motion: #4b5563;--motion-soft: #eef0f3;--answered: #15683f;--answered-soft: #e6f4ec;--missed: #a52218;--missed-soft: #fdecea;--radius: 10px;--radius-sm: 6px;--radius-lg: 16px;--gap-section: 16px;--gap-block: 12px;--gap-tight: 8px;--shadow-sm: 0 1px 2px rgb(27 23 20 / 6%), 0 1px 3px rgb(27 23 20 / 4%);--shadow-md: 0 4px 14px rgb(27 23 20 / 9%), 0 2px 4px rgb(27 23 20 / 4%);--font: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--mono: ui-monospace, "SF Mono", "JetBrains Mono", Menlo, Consolas, monospace;--content-max: 720px;--tap-min: 44px}@media(prefers-color-scheme:dark){:root{--bg: #14110e;--surface: #1e1a16;--surface-sunken: #191512;--border: #2e2822;--border-strong: #443c33;--text: #f4efe9;--text-muted: #b3a89c;--text-faint: #8a8076;--accent: #e5a45c;--accent-hover: #f0b673;--accent-soft: #2b2117;--accent-text: #1b1714;--rang: #e5a45c;--rang-soft: #2b2117;--motion: #9aa3ae;--motion-soft: #22262b;--answered: #5fc48d;--answered-soft: #14251c;--missed: #f0857a;--missed-soft: #2b1917;--shadow-sm: 0 1px 2px rgb(0 0 0 / 40%);--shadow-md: 0 4px 14px rgb(0 0 0 / 50%)}}*{box-sizing:border-box}html,body{margin:0;padding:0}body{background:var(--bg);color:var(--text);font-family:var(--font);font-size:16px;line-height:1.5;-webkit-font-smoothing:antialiased}h1{font-size:1.5rem;line-height:1.25;margin:0;letter-spacing:-.01em}h2{font-size:1.0625rem;line-height:1.3;margin:0;font-weight:600}small,.muted{font-size:.875rem;color:var(--text-muted)}.mono{font-family:var(--mono);font-size:.9375em}a{color:var(--accent)}:focus-visible{outline:2px solid var(--accent);outline-offset:2px;border-radius:var(--radius-sm)}button,input,select,textarea{font:inherit;color:inherit}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow-sm)}.btn{min-height:var(--tap-min);padding:0 18px;border-radius:var(--radius-sm);border:1px solid var(--border-strong);background:var(--surface);color:var(--text);font-weight:600;cursor:pointer}.btn:hover:not(:disabled){background:var(--surface-sunken)}.btn-primary{background:var(--accent);border-color:var(--accent);color:var(--accent-text)}.btn-primary:hover:not(:disabled){background:var(--accent-hover);border-color:var(--accent-hover)}.btn:disabled{opacity:.55;cursor:not-allowed}.field{display:flex;flex-direction:column;gap:4px}.field label{font-size:.875rem;font-weight:600;color:var(--text-muted)}.field input{min-height:var(--tap-min);padding:0 12px;border:1px solid var(--border-strong);border-radius:var(--radius-sm);background:var(--surface)}.field .error{font-size:.875rem;color:var(--missed)}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}