:root{--bg-primary:#0a0a0a;--bg-secondary:#141414;--bg-tertiary:#1f1f1f;--text-primary:#fff;--text-secondary:#888;--accent-neon:#e1ff00;--accent-good:#0f6;--accent-bad:#f36;--accent-purple:#b000ff;--accent-cyan:#00f0ff;--border-color:#333;--border-radius:4px}*{box-sizing:border-box;margin:0;padding:0;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif}body{background-color:var(--bg-primary);color:var(--text-primary);min-height:100vh;overflow-x:hidden}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--bg-secondary);border-left:1px solid var(--border-color)}::-webkit-scrollbar-thumb{background:var(--border-color)}::-webkit-scrollbar-thumb:hover{background:var(--text-secondary)}.brutalist-border{border:1px solid var(--border-color)}.neon-glow-good{border-color:var(--accent-good);box-shadow:0 0 10px #0f63,inset 0 0 10px #00ff661a}.neon-glow-bad{border-color:var(--accent-bad);box-shadow:0 0 10px #f363,inset 0 0 10px #ff33661a}.neon-glow-active{border-color:var(--accent-neon);box-shadow:0 0 15px #e1ff004d}.flex{display:flex}.flex-col{flex-direction:column;display:flex}.items-center{align-items:center}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.gap-2{gap:.5rem}.gap-4{gap:1rem}.gap-6{gap:1.5rem}.gap-8{gap:2rem}.p-2{padding:.5rem}.p-4{padding:1rem}.p-6{padding:1.5rem}.p-8{padding:2rem}.w-full{width:100%}.h-full{height:100%}.text-xs{font-size:.75rem}.text-sm{font-size:.875rem}.text-base{font-size:1rem}.text-lg{font-size:1.125rem}.text-xl{font-size:1.25rem}.text-2xl{font-size:1.5rem}.font-bold{font-weight:700}.font-mono{font-family:JetBrains Mono,Fira Code,monospace}.text-gray{color:var(--text-secondary)}.text-good{color:var(--accent-good)}.text-bad{color:var(--accent-bad)}.text-neon{color:var(--accent-neon)}button{border:1px solid var(--border-color);color:var(--text-primary);cursor:pointer;border-radius:var(--border-radius);background:0 0;padding:.5rem 1rem;font-family:inherit;transition:all .2s}button:hover{background:var(--bg-tertiary);border-color:var(--text-secondary)}button.active{background:var(--accent-neon);color:var(--bg-primary);border-color:var(--accent-neon);font-weight:700}.badge{text-transform:uppercase;letter-spacing:.05em;border-radius:12px;padding:2px 8px;font-size:.75rem;font-weight:700;display:inline-block}.badge-good{color:var(--accent-good);background:#00ff661a;border:1px solid #00ff664d}.badge-bad{color:var(--accent-bad);background:#ff33661a;border:1px solid #ff33664d}.code-block{background:var(--bg-primary);border-radius:var(--border-radius);border:1px solid var(--border-color);white-space:pre-wrap;padding:1rem;font-family:JetBrains Mono,monospace;font-size:.875rem;overflow-x:auto}