:root{--c-bg: #0b0d10;--c-surface: #161a20;--c-surface-alt: #1e242c;--c-border: #2a323c;--c-text: #e8ecf1;--c-muted: #94a0ae;--c-accent: #5aa9e6;--c-ok: #4ec9a5;--c-warn: #e6b45a;--c-alert: #e8695a;--brand: #8b9dff;--brand-dim: #6b7bd6;--c-surface-raised: #232a33;--radius: 10px;--radius-lg: 18px;--gap: 1rem;--fs-xs: .8rem;--fs-sm: .85rem;--fs-base: .9rem;--fs-md: .95rem;--fs-lg: 1.05rem;--fs-xl: 1.5rem;--fs-2xl: 2rem;--fs-3xl: 2.75rem;--fs-display: clamp(2.25rem, 6vw, 3.5rem);--sp-1: .35rem;--sp-2: .5rem;--sp-3: .75rem;--sp-4: 1.5rem;--sp-5: 2.5rem;--sp-6: 4rem;--maxw-prose: 34rem;--maxw-wide: 64rem;color-scheme:dark;font-family:system-ui,-apple-system,Segoe UI,sans-serif}*{box-sizing:border-box}html,body,#app{height:100%}body{margin:0;background:var(--c-bg);color:var(--c-text);-webkit-font-smoothing:antialiased}button,.btn{font:inherit;color:inherit;cursor:pointer;border:1px solid var(--c-border);background:var(--c-surface-alt);border-radius:var(--radius);padding:.6rem 1rem}.btn{display:block;text-align:center;text-decoration:none}button:hover:not(:disabled),.btn:hover{border-color:var(--c-accent)}button:disabled{opacity:.5;cursor:default}.primary{background:var(--c-accent);border-color:var(--c-accent);color:#06141f;font-weight:600}select,input[type=text],input[type=range]{font:inherit;color:inherit;accent-color:var(--c-accent)}select,input[type=text]{background:var(--c-surface-alt);border:1px solid var(--c-border);border-radius:var(--radius);padding:.5rem;width:100%}a{color:var(--c-accent)}.card{background:var(--c-surface);border:1px solid var(--c-border);border-radius:var(--radius);padding:var(--gap)}.muted{color:var(--c-muted)}.mono{font-family:ui-monospace,SFMono-Regular,Menlo,monospace}.btn-lg{padding:.9rem;font-size:var(--fs-lg)}.text-warn{color:var(--c-warn)}.notice{display:flex;flex-direction:column;gap:var(--sp-1);padding:var(--sp-3) var(--gap);border-radius:var(--radius);border:1px solid;font-size:var(--fs-base)}.notice strong{font-size:var(--fs-md)}.notice-info{border-color:var(--c-border);background:var(--c-surface);color:var(--c-muted)}.notice-warn{border-color:var(--c-warn);background:color-mix(in srgb,var(--c-warn) 15%,transparent);color:var(--c-warn)}.notice-alert{border-color:var(--c-alert);background:color-mix(in srgb,var(--c-alert) 15%,transparent);color:var(--c-alert)}.hint{font-size:var(--fs-sm);margin:var(--sp-2) 0}.page{max-width:var(--maxw-prose);margin:0 auto;padding:2rem 1rem 4rem;display:flex;flex-direction:column;gap:var(--gap)}