:root{--font-ui:Inter, system-ui, sans-serif;--font-mono:"JetBrains Mono", ui-monospace, monospace;--radius-md:12px;--radius-lg:20px;--space-1:.25rem;--space-2:.5rem;--space-3:.75rem;--space-4:1rem;--space-6:1.5rem;--surface-primary:#fff;--surface-secondary:#f5f7f7;--text-primary:#18201e;--text-secondary:#61706c;--border-default:#d9e2df;--accent-primary:#2d7c68;--focus-ring:#2d7c68}[data-theme=mint]{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}[data-theme=warm]{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--surface-primary:#fffaf2;--surface-secondary:#f5eee2;--accent-primary:#8b6b45}[data-theme=dark-blue]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--surface-primary:#101722;--surface-secondary:#182230;--text-primary:#f1f6fb;--text-secondary:#aab8c6;--border-default:#2b3a4b;--accent-primary:#6ea8fe;--focus-ring:#8bb9ff}[data-theme=terminal]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--surface-primary:#0c1110;--surface-secondary:#111a17;--text-primary:#d9f6e8;--text-secondary:#83ad99;--border-default:#284337;--accent-primary:#54e39b;--focus-ring:#54e39b}*{box-sizing:border-box}html{min-width:320px}body{background:var(--surface-primary);color:var(--text-primary);font-family:var(--font-ui);margin:0}button,input,select,textarea{font:inherit}:focus-visible{outline:3px solid var(--focus-ring);outline-offset:3px}.app-shell{background:linear-gradient(145deg, var(--surface-primary), var(--surface-secondary));min-height:100vh;color:var(--text-primary)}.skip-link{z-index:10;background:var(--surface-primary);color:var(--text-primary);padding:.75rem 1rem;position:fixed;top:-5rem;left:1rem}.skip-link:focus{top:1rem}.topbar{border-bottom:1px solid var(--border-default);background:color-mix(in srgb, var(--surface-primary) 88%, transparent);align-items:center;gap:1rem;min-height:64px;padding:0 1.5rem;display:flex}.brand{letter-spacing:.06em}.service-name{color:var(--text-secondary)}.shell-content{width:min(100% - 2rem,960px);margin:0 auto;padding:clamp(2rem,8vw,6rem) 0}.eyebrow{color:var(--accent-primary);text-transform:uppercase;letter-spacing:.08em;font-weight:700}h1{max-width:16ch;margin:.5rem 0 1rem;font-size:clamp(2.25rem,7vw,5rem);line-height:.98}.lede{max-width:62ch;color:var(--text-secondary);font-size:clamp(1rem,2vw,1.25rem);line-height:1.6}.status-card{border:1px solid var(--border-default);border-radius:var(--radius-lg);background:var(--surface-primary);max-width:38rem;margin-top:2rem;padding:1.25rem}.status-card h2{margin-top:0}.theme-picker{border:0;flex-wrap:wrap;gap:.75rem;margin-top:2rem;padding:0;display:flex}.theme-picker legend{width:100%;color:var(--text-secondary);margin-bottom:.75rem}button{border:1px solid var(--border-default);border-radius:var(--radius-md);background:var(--surface-secondary);min-height:44px;color:var(--text-primary);cursor:pointer;padding:.65rem 1rem}button[aria-pressed=true]{border-color:var(--accent-primary);box-shadow:inset 0 0 0 1px var(--accent-primary)}@media (width<=640px){.topbar{padding:0 1rem}.theme-picker button{flex:8rem}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}