:root{--bg: #12121f;--bg-glow: radial-gradient(ellipse 900px 600px at 50% -8%, rgba(242, 184, 75, .1), transparent 60%), radial-gradient(ellipse 800px 700px at 50% 0%, rgba(139, 140, 240, .12), transparent 55%);--surface: #1b1b2f;--surface-raised: #23233d;--border: #33335a;--text: #f2f0e9;--text-muted: #b3b0c9;--accent: #f2b84b;--accent-strong: #d99f2e;--focus-ring: #8b8cf0;--radius: 14px;--font-display: Georgia, "Iowan Old Style", "Palatino Linotype", "Book Antiqua", serif}@media (prefers-color-scheme: light){:root{--bg: #faf8f2;--bg-glow: radial-gradient(ellipse 900px 600px at 50% -8%, rgba(185, 121, 26, .08), transparent 60%), radial-gradient(ellipse 800px 700px at 50% 0%, rgba(91, 95, 199, .07), transparent 55%);--surface: #ffffff;--surface-raised: #f1eee3;--border: #ddd8c8;--text: #1b1b2f;--text-muted: #55506a;--accent: #b9791a;--accent-strong: #96600f;--focus-ring: #5b5fc7}}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;background:var(--bg-glow),var(--bg);background-attachment:fixed;color:var(--text);font-family:-apple-system,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;line-height:1.55;-webkit-font-smoothing:antialiased}.hero{display:flex;flex-direction:column;align-items:center;text-align:center;gap:10px;padding:28px 0 6px}.hero-mark{width:56px;height:56px;border-radius:16px;box-shadow:0 6px 24px #00000047}.hero h1{font-family:var(--font-display);font-weight:500;font-size:2.1rem;letter-spacing:.01em;margin:4px 0 0}.hero .muted{max-width:34rem}@media (prefers-reduced-motion: reduce){*{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important}}.screen{max-width:640px;margin:0 auto;padding:24px 20px 96px;min-height:100%;display:flex;flex-direction:column;gap:20px}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:20px}h1,h2,h3{font-weight:600;letter-spacing:-.01em}.muted{color:var(--text-muted)}button{font:inherit;cursor:pointer}.btn{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:12px 20px;border-radius:999px;border:1px solid var(--border);background:var(--surface-raised);color:var(--text)}.btn:focus-visible{outline:3px solid var(--focus-ring);outline-offset:2px}.btn-primary{background:var(--accent);border-color:var(--accent-strong);color:#1b1408;font-weight:600}.btn-quiet{background:transparent;border-color:transparent;color:var(--text-muted)}.scale-row{display:flex;gap:8px;flex-wrap:wrap}.scale-option{min-width:48px;min-height:48px;border-radius:12px;border:1px solid var(--border);background:var(--surface-raised);color:var(--text);display:flex;align-items:center;justify-content:center;font-weight:600}.scale-option[aria-pressed=true]{background:var(--accent);border-color:var(--accent-strong);color:#1b1408}.pause-exit{position:sticky;top:0;display:flex;justify-content:space-between;align-items:center;padding:12px 4px;background:linear-gradient(to bottom,var(--bg) 80%,transparent);z-index:5}.placeholder-banner{background:var(--surface-raised);border:1px dashed var(--border);border-radius:var(--radius);padding:14px 16px;font-size:.9rem;color:var(--text-muted)}