:root{--bg: #0f0f13;--surface: #17171d;--surface2: #1e1e27;--border: #2e2e3d;--accent: #f59e0b;--accent2: #fbbf24;--accent3: #fde68a;--text: #f1f0ef;--muted: #6b6b7b;--danger: #f87171;--success: #34d399;--warn: #fb923c;--sidebar-w: 240px}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{background:var(--bg);color:var(--text);font-family:DM Mono,monospace;min-height:100vh;overflow-x:hidden}body:after{content:"";position:fixed;top:0;right:0;bottom:0;left:0;z-index:0;background-image:linear-gradient(var(--border) 1px,transparent 1px),linear-gradient(90deg,var(--border) 1px,transparent 1px);background-size:40px 40px;opacity:.15;pointer-events:none}#root{position:relative;z-index:1;min-height:100vh}h1,h2,h3{font-family:Fraunces,serif;letter-spacing:-.02em}::-webkit-scrollbar{width:5px;height:5px}::-webkit-scrollbar-track{background:var(--surface)}::-webkit-scrollbar-thumb{background:var(--accent);border-radius:3px;opacity:.5}.fade-in{animation:fadeIn .3s ease}@keyframes fadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}.spin{animation:spin 1s linear infinite;display:inline-block}@keyframes spin{to{transform:rotate(360deg)}}.glow-dot{width:7px;height:7px;border-radius:50%;background:var(--success);box-shadow:0 0 7px var(--success);animation:gp 2s infinite}@keyframes gp{0%,to{opacity:1}50%{opacity:.3}}input,select,textarea{background:var(--surface2);border:1px solid var(--border);border-radius:8px;padding:10px 13px;color:var(--text);font-family:DM Mono,monospace;font-size:13px;width:100%;transition:border-color .2s,box-shadow .2s;outline:none}input:focus,select:focus,textarea:focus{border-color:var(--accent);box-shadow:0 0 0 3px #f59e0b1f}input::placeholder{color:var(--muted)}select option{background:var(--surface2);color:var(--text)}textarea{resize:vertical;min-height:75px}label{display:block;font-size:10px;letter-spacing:.15em;text-transform:uppercase;color:var(--muted);margin-bottom:5px}