:root{--bg-primary: #06131d;--bg-secondary: #0b2230;--bg-tertiary: #102d3f;--bg-glass: rgba(11, 34, 48, .75);--bg-glass-card: rgba(15, 43, 60, .85);--border-glass: rgba(63, 100, 112, .4);--border-active: #27dcc8;--text-primary: #eaf6f7;--text-secondary: #9bb8c4;--text-muted: #628291;--text-highlight: #27dcc8;--accent-cyan: #27dcc8;--accent-teal: #17b7a6;--accent-blue: #54d9f5;--accent-gold: #ffda71;--accent-orange: #ffb56b;--accent-purple: #c3a2ff;--accent-red: #ff6b8b;--font-main: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-mono: "JetBrains Mono", monospace;--shadow-subtle: 0 4px 20px rgba(0, 0, 0, .35);--shadow-glow: 0 0 25px rgba(39, 220, 200, .25);--radius-sm: 6px;--radius-md: 10px;--radius-lg: 16px;--radius-full: 9999px}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-main);background-color:var(--bg-primary);color:var(--text-primary);min-height:100vh;overflow-x:hidden;-webkit-font-smoothing:antialiased}::-webkit-scrollbar{width:7px;height:7px}::-webkit-scrollbar-track{background:var(--bg-primary)}::-webkit-scrollbar-thumb{background:#1b4557;border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:#27dcc8}.glass-panel{background:var(--bg-glass);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid var(--border-glass);box-shadow:var(--shadow-subtle)}.glass-card{background:var(--bg-glass-card);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid var(--border-glass);border-radius:var(--radius-md);transition:all .2s cubic-bezier(.16,1,.3,1)}.glass-card:hover{border-color:#27dcc880;transform:translateY(-2px);box-shadow:0 8px 24px #00000073}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;font-family:var(--font-main);font-size:13.5px;font-weight:500;padding:8px 14px;border-radius:var(--radius-sm);border:1px solid var(--border-glass);background:var(--bg-secondary);color:var(--text-primary);cursor:pointer;transition:all .18s ease;white-space:nowrap;-webkit-user-select:none;user-select:none}.btn:hover{background:var(--bg-tertiary);border-color:var(--accent-cyan);color:#fff}.btn:active{transform:scale(.98)}.btn-primary{background:linear-gradient(135deg,#17b7a6,#27dcc8);color:#032428;font-weight:700;border:none;box-shadow:0 2px 12px #27dcc84d}.btn-primary:hover{background:linear-gradient(135deg,#20cfbd,#36eed9);color:#021a1d;box-shadow:0 4px 18px #27dcc873}.btn-active{background:#27dcc82e!important;border-color:var(--accent-cyan)!important;color:var(--accent-cyan)!important;font-weight:600}.btn-danger{background:#ff6b8b26;border-color:#ff6b8b66;color:var(--accent-red)}.btn-danger:hover{background:#ff6b8b4d}.badge{display:inline-flex;align-items:center;gap:5px;padding:3px 8px;border-radius:var(--radius-full);font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.badge-cyan{background:#27dcc826;color:var(--accent-cyan);border:1px solid rgba(39,220,200,.3)}.badge-gold{background:#ffda7126;color:var(--accent-gold);border:1px solid rgba(255,218,113,.3)}.badge-purple{background:#c3a2ff26;color:var(--accent-purple);border:1px solid rgba(195,162,255,.3)}input[type=range]{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:#153543;border-radius:var(--radius-full);height:6px;outline:none;cursor:pointer}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:16px;height:16px;border-radius:50%;background:var(--accent-cyan);box-shadow:0 0 10px #27dcc899;cursor:pointer;transition:transform .15s ease}input[type=range]::-webkit-slider-thumb:hover{transform:scale(1.25)}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#040d14d1;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:1000;display:flex;align-items:center;justify-content:center;padding:20px;animation:fadeIn .2s ease-out}.modal-content{background:#09202c;border:1px solid var(--border-glass);border-radius:var(--radius-lg);box-shadow:0 20px 50px #0009;max-height:90vh;overflow-y:auto;animation:slideUp .25s cubic-bezier(.16,1,.3,1)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(16px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes pulseGlow{0%,to{box-shadow:0 0 12px #27dcc833}50%{box-shadow:0 0 24px #27dcc880}}.pulse-active{animation:pulseGlow 2s infinite ease-in-out}