*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--bg-base: #080a0e;--bg-card: #0d1117;--bg-hover: #131920;--border: #1e2d3d;--border-bright: #2a3f55;--green: #00ff87;--green-dim: #00cc6a;--green-glow: rgba(0, 255, 135, .15);--cyan: #00d4ff;--cyan-dim: #0099bb;--amber: #ffb347;--red: #ff4757;--red-dim: #cc3344;--text-primary: #e8f0fe;--text-secondary: #7a8fa6;--text-muted: #3d5166;--font-display: "Play", sans-serif;--font-mono: "JetBrains Mono", monospace;--radius: 6px;--radius-lg: 12px}html{scroll-behavior:smooth}body{background:var(--bg-base);color:var(--text-primary);font-family:var(--font-mono);font-size:13px;line-height:1.6;min-height:100vh;background-image:linear-gradient(rgba(0,212,255,.03) 1px,transparent 1px),linear-gradient(90deg,rgba(0,212,255,.03) 1px,transparent 1px);background-size:40px 40px}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:var(--bg-base)}::-webkit-scrollbar-thumb{background:var(--border-bright);border-radius:3px}.green{color:var(--green)}.red{color:var(--red)}.amber{color:var(--amber)}.cyan{color:var(--cyan)}.muted{color:var(--text-secondary)}.mono{font-family:var(--font-mono)}.card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);transition:border-color .2s,box-shadow .2s}.card:hover{border-color:var(--border-bright);box-shadow:0 0 20px #00d4ff0d}.btn{display:inline-flex;align-items:center;gap:6px;padding:8px 16px;border-radius:var(--radius);font-family:var(--font-mono);font-size:12px;font-weight:500;cursor:pointer;transition:all .15s;border:none;text-decoration:none}.btn-primary{background:var(--green);color:#000}.btn-primary:hover{background:var(--green-dim);box-shadow:0 0 16px var(--green-glow)}.btn-ghost{background:transparent;border:1px solid var(--border-bright);color:var(--text-secondary)}.btn-ghost:hover{border-color:var(--cyan);color:var(--cyan)}input,select{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);color:var(--text-primary);font-family:var(--font-mono);font-size:13px;padding:8px 12px;outline:none;transition:border-color .15s;width:100%}input:focus,select:focus{border-color:var(--cyan);box-shadow:0 0 0 2px #00d4ff1a}@keyframes fadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes pulse-green{0%,to{box-shadow:0 0 0 0 var(--green-glow)}50%{box-shadow:0 0 0 6px transparent}}.animate-in{animation:fadeIn .4s ease forwards}