:root{--bg: #c9e8f5;--surface: #e8f5fc;--text: #6b4423;--text-muted: #9c7355;--accent: #3a86a8;--accent-hover:#2d6d8c;--border: #a8d4ea;--orange: #b45309;--ok-bg: #e8f5e9;--ok-border: #a5d6a7;--ok-text: #2e7d32;--warn-bg: #fff3e0;--warn-border: #ffb74d;--warn-text: #e65100;--err-bg: #ffebee;--err-border: #ef9a9a;--err-text: #c62828}@media (prefers-color-scheme: dark){:root:not([data-theme=light]){--bg: #0b1a26;--surface: #122333;--text: #d8ede7;--text-muted: #6aada5;--accent: #c07830;--accent-hover:#9a5c22;--border: #1b3a50;--orange: #f5922a;--ok-bg: #0d2b1a;--ok-border: #1e5c30;--ok-text: #5ecf7a;--warn-bg: #261a08;--warn-border: #8a5a10;--warn-text: #f5922a;--err-bg: #2a0d0d;--err-border: #6b2020;--err-text: #f07070}}[data-theme=dark]{--bg: #0b1a26;--surface: #122333;--text: #d8ede7;--text-muted: #6aada5;--accent: #3bbcd8;--accent-hover:#28a4c0;--border: #1b3a50;--orange: #f5922a;--ok-bg: #0d2b1a;--ok-border: #1e5c30;--ok-text: #5ecf7a;--warn-bg: #261a08;--warn-border: #8a5a10;--warn-text: #f5922a;--err-bg: #2a0d0d;--err-border: #6b2020;--err-text: #f07070}*,*:before,*:after{box-sizing:border-box}body{margin:0;font-family:system-ui,sans-serif;background:var(--bg);color:var(--text);min-height:100vh}h1,h2,h3{color:var(--text)}p{color:var(--text-muted)}button{background:var(--accent);color:#fff;border:none;border-radius:6px;padding:.6rem 1.5rem;font-size:1rem;cursor:pointer;transition:background .15s}button:hover{background:var(--accent-hover)}.card{background:var(--surface);border:1px solid var(--border);border-radius:12px;padding:2rem;box-shadow:0 2px 8px #00000026}.center-page{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100vh;gap:1.5rem}.banner-ok{padding:.75rem 1rem;background:var(--ok-bg);border:1px solid var(--ok-border);border-radius:8px;color:var(--ok-text)}.banner-err{padding:.75rem 1rem;background:var(--err-bg);border:1px solid var(--err-border);border-radius:8px;color:var(--err-text)}