:root{--color-text:#152231;--color-background:#f7f8fa;--color-surface:#fff;--color-accent:#0f766e;--color-border:#d4dde0;--color-button-border:#85949a;--color-disabled-text:#42525a;--color-disabled-background:#e7ecee;--space-panel:1.5rem;--space-header:2.5rem;--radius-panel:1rem;--radius-button:.5rem;--font-small:.8rem;--font-heading:clamp(2rem, 5vw, 3.2rem);--screen-width:58rem;--header-width:40rem;--button-height:44px;color:var(--color-text);background:var(--color-background);font-family:system-ui,sans-serif;line-height:1.6}*{box-sizing:border-box}body{margin:0}.screen{max-width:var(--screen-width);margin:0 auto;padding:clamp(1.5rem,5vw,4rem)}.screen-header{max-width:var(--header-width);margin-bottom:var(--space-header)}.eyebrow{font-size:var(--font-small);letter-spacing:.1em;color:var(--color-accent);font-weight:700}h1{font-size:var(--font-heading);line-height:1.15}.state-panel{padding:var(--space-panel);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-panel)}.button{min-height:var(--button-height);border:1px solid var(--color-button-border);border-radius:var(--radius-button);font:inherit;padding:.7rem 1.2rem}.button:disabled{color:var(--color-disabled-text);background:var(--color-disabled-background);cursor:not-allowed}.button:focus-visible{outline:3px solid var(--color-accent);outline-offset:3px}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto;transition:none!important;animation:none!important}}