:root{--bg-color:#0b1121;--glass-bg:#0f172a99;--glass-border:#ffffff0a;--text-primary:#f8fafc;--text-secondary:#94a3b8;--accent-blue:#3b82f6;--accent-green:#10b981;--accent-red:#ef4444;--accent-purple:#8b5cf6;--gradient-main:linear-gradient(135deg, #a855f7 0%, #3b82f6 100%);--gradient-hover:linear-gradient(135deg, #b065f7 0%, #478cf7 100%)}*{box-sizing:border-box}body{background-color:var(--bg-color);color:var(--text-primary);width:100vw;height:100vh;margin:0;padding:0;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;overflow:hidden}.glass-panel{background:var(--glass-bg);-webkit-backdrop-filter:blur(16px);border:1px solid var(--glass-border);border-radius:12px;box-shadow:0 4px 24px -1px #0006}.text-gradient{background:var(--gradient-main);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.btn{color:var(--text-primary);cursor:pointer;white-space:nowrap;background:#1e293bcc;border:1px solid #ffffff0d;border-radius:8px;justify-content:center;align-items:center;padding:8px 16px;font-size:.9rem;font-weight:500;transition:all .2s cubic-bezier(.4,0,.2,1);display:flex}.btn:hover:not(:disabled){background:#334155cc;border-color:#ffffff1a}.btn:disabled{opacity:.4;cursor:not-allowed}.btn-primary{background:var(--gradient-main);color:#fff;text-shadow:0 1px 2px #0000004d;border:none;border-bottom:2px solid #0003;box-shadow:0 4px 14px #8b5cf663}.btn-primary:hover:not(:disabled){background:var(--gradient-hover);transform:translateY(-1px);box-shadow:0 6px 20px #8b5cf680}.btn-primary:active:not(:disabled){border-bottom:1px solid #0003;margin-top:1px;transform:translateY(1px);box-shadow:0 2px 10px #8b5cf64d}input[type=range]{appearance:none;background:0 0;width:100%}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;background:var(--accent-blue);cursor:pointer;border:2px solid #fff;border-radius:50%;width:18px;height:18px;margin-top:-7px;transition:transform .1s;box-shadow:0 0 10px #3b82f699}input[type=range]::-webkit-slider-thumb:hover{transform:scale(1.15)}input[type=range]::-webkit-slider-runnable-track{cursor:pointer;background:#ffffff1a;border-radius:2px;width:100%;height:4px}input[type=range]::-moz-range-thumb{background:var(--accent-blue);cursor:pointer;border:2px solid #fff;border-radius:50%;width:18px;height:18px;box-shadow:0 0 10px #3b82f699}input[type=range]::-moz-range-track{cursor:pointer;background:#ffffff1a;border-radius:2px;width:100%;height:4px}