:root{--bg: #0f1115;--surface: #171a21;--text: #e6e8ec;--muted: #9aa3b2;--accent: #4f8cff;--border: #262b36;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;line-height:1.5;color-scheme:dark light}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;background:var(--bg);color:var(--text)}a{color:var(--accent);text-decoration:none}a:hover{text-decoration:underline}code{background:var(--surface);border:1px solid var(--border);border-radius:4px;padding:.1em .35em;font-size:.9em}.layout{display:flex;flex-direction:column;min-height:100%}.layout__header{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.9rem 1.5rem;background:var(--surface);border-bottom:1px solid var(--border)}.layout__brand{font-weight:600}.layout__nav{display:flex;gap:1rem}.layout__main{flex:1;padding:1.5rem}.layout__footer{padding:1rem 1.5rem;color:var(--muted);font-size:.875rem;border-top:1px solid var(--border)}.page{max-width:900px;margin:0 auto}.page--center{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.5rem;min-height:60vh;text-align:center}.loader{display:flex;align-items:center;justify-content:center;padding:2rem}.loader--full{min-height:100vh}.loader__spinner{width:32px;height:32px;border:3px solid var(--border);border-top-color:var(--accent);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}@media(prefers-reduced-motion:reduce){.loader__spinner{animation-duration:2s}}