*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--bg:#0f1117;--surface:#1a1b23;--border:#2a2b35;--text:#c9cbd1;--text-muted:#6b6d7b;--accent:#6366f1;--accent-hover:#818cf8;--danger:#ef4444;--success:#22c55e;--warning:#eab308;--radius:8px;--font:system-ui, -apple-system, sans-serif;--mono:"JetBrains Mono", "Fira Code", monospace}html{font-size:16px}body{font-family:var(--font);background:var(--bg);color:var(--text);min-height:100vh;line-height:1.6}a{color:var(--accent);text-decoration:none}a:hover{color:var(--accent-hover)}button{font-family:var(--font);cursor:pointer;border:1px solid var(--border);background:var(--surface);color:var(--text);border-radius:var(--radius);padding:8px 16px;font-size:.875rem;transition:background .15s,border-color .15s}button:hover{border-color:var(--accent);background:#22232d}button:disabled{opacity:.5;cursor:not-allowed}input,select,textarea{font-family:var(--font);background:var(--surface);border:1px solid var(--border);color:var(--text);border-radius:var(--radius);outline:none;width:100%;padding:8px 12px;font-size:.875rem}input:focus,select:focus,textarea:focus{border-color:var(--accent)}nav{border-bottom:1px solid var(--border);background:var(--surface);gap:12px;padding:16px 24px;display:flex}nav a{font-size:.875rem}.island{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:24px}.page{max-width:960px;margin:0 auto;padding:24px}