:root{--bg-darker:#090d16;--bg-dark:#0f172a;--bg-panel:#1e293b;--bg-panel-light:#334155;--border-color:#334155;--border-light:#475569;--text-primary:#f8fafc;--text-secondary:#94a3b8;--text-muted:#64748b;--accent:#8b5cf6;--accent-hover:#7c3aed;--accent-light:#a78bfa;--accent-glow:#8b5cf659;--success:#10b981;--danger:#ef4444;--warning:#f59e0b}*{box-sizing:border-box;-webkit-user-select:none;user-select:none;margin:0;padding:0}html,body{background-color:var(--bg-darker);width:100vw;height:100vh;color:var(--text-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;overflow:hidden}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--bg-darker)}::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--accent)}.glass-panel{-webkit-backdrop-filter:blur(12px);background:#1e293bb3;border:1px solid #ffffff0d}.scrollable{scrollbar-width:thin;scrollbar-color:var(--border-color) var(--bg-darker);overflow-y:auto}.btn-action{cursor:pointer;border:1px solid #0000;border-radius:6px;justify-content:center;align-items:center;gap:6px;padding:8px 14px;font-size:14px;font-weight:500;transition:all .2s cubic-bezier(.4,0,.2,1);display:inline-flex}.btn-primary{background:var(--accent);color:#fff}.btn-primary:hover{background:var(--accent-hover);box-shadow:0 0 12px var(--accent-glow);transform:translateY(-1px)}.btn-secondary{background:var(--bg-panel-light);color:var(--text-primary);border-color:var(--border-color)}.btn-secondary:hover{border-color:var(--text-secondary);background:#ffffff14}.btn-danger{background:var(--danger);color:#fff}.btn-danger:hover{background:#dc2626}.btn-icon{cursor:pointer;width:36px;height:36px;color:var(--text-secondary);background:0 0;border:none;border-radius:6px;justify-content:center;align-items:center;transition:all .15s;display:flex}.btn-icon:hover{color:var(--text-primary);background:var(--bg-panel-light)}.btn-icon.active{color:var(--accent-light);background:#8b5cf626}.input-field{background:var(--bg-darker);border:1px solid var(--border-color);color:var(--text-primary);border-radius:6px;outline:none;width:100%;padding:8px 12px;font-size:14px;transition:border-color .2s}.input-field:focus{border-color:var(--accent);box-shadow:0 0 6px #8b5cf633}input[type=range]{-webkit-appearance:none;background:var(--border-color);border-radius:2px;outline:none;width:100%;height:4px}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;background:var(--accent);cursor:pointer;border-radius:50%;width:12px;height:12px;transition:transform .1s}input[type=range]::-webkit-slider-thumb:hover{background:var(--accent-light);transform:scale(1.2)}@keyframes pulse-glow{0%,to{opacity:.6}50%{opacity:1;box-shadow:0 0 15px var(--accent-glow)}}.pulsing-accent{animation:2s ease-in-out infinite pulse-glow}