:root{--ink: #181d26;--body: #333840;--muted: #41454d;--on-dark: #ffffff;--canvas: #ffffff;--surface-soft: #f8fafc;--surface-strong: #e0e2e6;--surface-dark: #181d26;--surface-dark-elevated: #1d1f25;--hairline: #dddddd;--border-strong: #9297a0;--coral: #aa2d00;--forest: #0a2e0e;--cream: #f5e9d4;--peach: #fcab79;--mint: #a8d8c4;--yellow: #f4d35e;--mustard: #d9a441;--link: #1b61c9;--link-active: #1a3866;--info: #254fad;--info-border: #458fff;--success: #006400;--success-border: #39bf45;--cta: var(--ink);--cta-active: #0d1218;--r-xs: 2px;--r-sm: 6px;--r-md: 10px;--r-lg: 12px;--r-pill: 9999px;--s-xxs: 4px;--s-xs: 8px;--s-sm: 12px;--s-md: 16px;--s-lg: 24px;--s-xl: 32px;--s-xxl: 48px;--s-section: 96px;--font: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", sans-serif;--primary: #6754e8;--accent: #4dcda5;--fg: var(--ink);--line: var(--hairline);--danger: var(--coral)}:root[data-motion=reduced] *{transition:none!important;animation:none!important}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body,#root{min-height:100%;margin:0}body{background:var(--canvas);color:var(--body);font-family:var(--font);font-size:16px;line-height:1.45;-webkit-font-smoothing:antialiased}h1,h2{color:var(--ink);font-weight:500}.wrap{max-width:32rem;margin:0 auto;padding:var(--s-md) var(--s-md) calc(var(--s-lg) + env(safe-area-inset-bottom))}.pill{display:inline-flex;gap:.4em;align-items:center;font-size:13px;font-weight:500;color:var(--ink);background:var(--surface-strong);border-radius:var(--r-pill);padding:4px 12px}h1{font-size:24px;line-height:1.35;font-weight:400;margin:var(--s-lg) 0 var(--s-xs)}.prompt{font-size:22px;font-weight:500;line-height:1.3;color:var(--ink);margin:var(--s-xs) 0 var(--s-lg)}.muted{color:var(--muted);font-size:14px}.options{display:grid;gap:var(--s-xs);margin:var(--s-md) 0}button.option{font:inherit;font-weight:500;text-align:left;width:100%;min-height:56px;padding:var(--s-md);border-radius:var(--r-md);border:1px solid var(--hairline);background:var(--canvas);color:var(--ink);cursor:pointer}button.option:active{background:var(--surface-soft)}button.option[aria-pressed=true]{border-color:var(--ink);box-shadow:inset 0 0 0 1px var(--ink);background:var(--surface-soft)}button.option:disabled{opacity:.5;cursor:default}button.option[aria-pressed=true]:disabled{opacity:1}button.primary{font:inherit;font-weight:500;width:100%;min-height:48px;margin-top:var(--s-xs);border:1px solid var(--cta);border-radius:var(--r-lg);background:var(--cta);color:var(--on-dark);cursor:pointer}button.primary:active{background:var(--cta-active)}button.primary:disabled{opacity:.4;cursor:default}button.secondary{font:inherit;font-weight:500;width:100%;min-height:48px;margin-top:var(--s-xs);border:1px solid var(--hairline);border-radius:var(--r-lg);background:var(--canvas);color:var(--ink);cursor:pointer}button.secondary:active{background:var(--surface-strong)}button.secondary:disabled{opacity:.4;cursor:default;border-color:var(--border-strong)}input[type=text]{font:inherit;width:100%;min-height:48px;padding:12px 16px;border:1px solid var(--hairline);border-radius:var(--r-sm);background:var(--canvas);color:var(--ink)}input[type=text]:focus{border-color:var(--info-border);outline:0}.receipt{margin-top:var(--s-md);padding:var(--s-md);border-radius:var(--r-md);background:var(--mint);color:var(--forest)}.receipt .muted{color:var(--forest);opacity:.8}.timer{font-variant-numeric:tabular-nums;font-weight:500;color:var(--ink)}.error{color:var(--coral);margin-top:var(--s-xs)}.stack{display:grid;gap:var(--s-xs)}.center{text-align:center;padding:var(--s-xxl) 0}.question-row{display:flex;justify-content:space-between;align-items:center;gap:var(--s-sm);border:1px solid var(--hairline);border-radius:var(--r-md);padding:var(--s-sm) var(--s-md);color:var(--ink)}button.support{font:inherit;font-size:13px;font-weight:500;white-space:nowrap;border:1px solid var(--hairline);border-radius:var(--r-pill);background:var(--canvas);color:var(--ink);padding:6px 12px;cursor:pointer}button.support[aria-pressed=true]{background:var(--mint);border-color:var(--mint);color:var(--forest)}button.support:disabled{cursor:default;opacity:1}section h2{font-size:18px;line-height:1.4;margin:0 0 var(--s-xs)}.image-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--s-xs);margin:var(--s-md) 0}button.image-option{font:inherit;font-size:12px;padding:0;border:2px solid transparent;border-radius:var(--r-lg);background:transparent;color:var(--ink);cursor:pointer;display:grid;gap:var(--s-xxs)}button.image-option img{width:100%;aspect-ratio:1;border-radius:var(--r-md);display:block}button.image-option span{text-align:center;line-height:1.15}button.image-option[aria-pressed=true]{border-color:var(--ink)}button.image-option:disabled{opacity:.5;cursor:default}button.image-option[aria-pressed=true]:disabled{opacity:1}.brand-row{display:flex;align-items:center;justify-content:space-between;gap:var(--s-sm);min-height:40px}.brand-logo{height:24px;width:auto;color:var(--ink)}button.option.reaction{text-align:center;font-size:17px}