:root{--bg: #f8fafc;--surface: #ffffff;--surface2: #f1f5f9;--border: #e2e8f0;--accent: #ca3b3b;--accent2: #a92a2a;--accent3: #fecaca;--text: #0f172a;--muted: #64748b;--danger: #ef4444;--success: #22c55e;--warn: #f59e0b;--sidebar-w: 260px}html.dark{--bg: #0a0c10;--surface: #12141a;--surface2: #1c1f26;--border: #2a303d;--text: #f8fafc;--muted: #94a3b8}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{background:var(--bg);color:var(--text);font-family:Inter,DM Mono,sans-serif;min-height:100vh;overflow-x:hidden}body:after{content:"";position:fixed;top:0;right:0;bottom:0;left:0;z-index:0;background-image:radial-gradient(circle at 10% 20%,rgba(202,59,59,.03) 0%,transparent 20%),radial-gradient(circle at 90% 80%,rgba(15,23,42,.03) 0%,transparent 20%);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}}.theme-switch{position:relative;width:40px;height:24px;background:var(--surface2);border-radius:12px;border:1px solid var(--border);cursor:pointer;display:flex;align-items:center;padding:2px;transition:background .3s}.theme-switch .nub{width:18px;height:18px;background:var(--accent);border-radius:50%;transition:transform .3s cubic-bezier(.68,-.55,.265,1.55);display:flex;align-items:center;justify-content:center;color:#fff;font-size:10px}html.dark .theme-switch .nub{transform:translate(16px);background:var(--muted);color:#0a0c10}html.dark body:after{background-image:radial-gradient(circle at 10% 20%,rgba(202,59,59,.06) 0%,transparent 20%),radial-gradient(circle at 90% 80%,rgba(52,211,153,.02) 0%,transparent 20%)}::view-transition-old(root),::view-transition-new(root){animation:none;mix-blend-mode:normal}::view-transition-old(root){z-index:1}::view-transition-new(root){z-index:9999}.dark::view-transition-old(root){z-index:9999}.dark::view-transition-new(root){z-index:1}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:15px;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 #ca3b3b1f}input::placeholder{color:var(--muted)}select option{background:var(--surface2);color:var(--text)}textarea{resize:vertical;min-height:75px}label{display:block;font-size:14px;letter-spacing:.1em;text-transform:uppercase;color:var(--muted);margin-bottom:5px}