:root{--brand: #3d4654;--on-brand: #ffffff;--brand-tint: color-mix(in srgb, var(--brand) 10%, var(--surface));--bg: #f6f6f4;--surface: #ffffff;--text: #1a1c1e;--muted: #5f6368;--border: #e2e2de;--placeholder: #ecebe7;--danger: #b3261e;--warning-bg: #fff4d6;--warning-text: #6b4e00;--radius: 14px;--radius-sm: 10px;--gutter: 16px;--bar-h: 64px;--shadow-card: 0 1px 3px rgb(0 0 0 / .06), 0 4px 14px rgb(0 0 0 / .04);--motion-fast: .15s;--motion-base: .25s;--ease: cubic-bezier(.2, 0, 0, 1);color-scheme:light}*{box-sizing:border-box}html,body{margin:0;background:var(--bg);color:var(--text);font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;font-size:16px;line-height:1.4;-webkit-tap-highlight-color:transparent}button{font:inherit;color:inherit;cursor:pointer}:focus-visible{outline:3px solid var(--brand);outline-offset:2px}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}.num{font-variant-numeric:tabular-nums}.btn-primary{display:block;width:100%;border:0;border-radius:var(--radius);padding:14px 18px;background:var(--brand);color:var(--on-brand);font-weight:600;transition:transform var(--motion-fast) var(--ease)}.btn-primary:active:not(:disabled){transform:scale(.98)}.btn-primary:disabled{opacity:.45;cursor:default}.page{max-width:640px;margin:0 auto;padding:0 var(--gutter) 120px}.badge{display:inline-block;font-size:12px;font-weight:600;padding:2px 8px;border-radius:999px;background:var(--warning-bg);color:var(--warning-text)}.badge.danger{background:#fde7e5;color:var(--danger)}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:1ms!important;transition-duration:1ms!important;scroll-behavior:auto!important}}