@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&family=JetBrains+Mono:wght@500;700&display=swap";:root{--bg-base:#000;--bg-panel:#09090b;--bg-card:#121215;--bg-card-hover:#18181c;--bg-card-active:#222228;--bg-overlay:#09090b;--bg-input:#121215;--bg-input-focus:#18181c;--text-primary:#fff;--text-secondary:#a1a1aa;--text-muted:#71717a;--border-color:#ffffff17;--border-highlight:#ffffff38;--accent:#fff;--accent-hover:#f4f4f5;--accent-glow:#ffffff2e;--accent-gradient:#fff;--danger:#ef4444;--danger-glow:#ef444433;--success:#fff;--success-glow:#fff3;--warning:#f59e0b;--primary-light:#ffffff1a;--radius-xs:4px;--radius-sm:6px;--radius-md:8px;--radius-lg:12px;--radius-full:9999px;--shadow-sm:0 1px 3px #00000080;--shadow-md:0 4px 12px #0009;--shadow-glow:0 0 12px var(--accent-glow);--sat:env(safe-area-inset-top,0px);--sab:env(safe-area-inset-bottom,0px);--sal:env(safe-area-inset-left,0px);--sar:env(safe-area-inset-right,0px)}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html,body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:var(--bg-base);color:var(--text-primary);-webkit-user-select:none;user-select:none;touch-action:manipulation;-webkit-tap-highlight-color:transparent;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;overflow:hidden}button{cursor:pointer;-webkit-user-select:none;user-select:none;background:0 0;border:none;outline:none;font-family:inherit}body.banner-playing{width:100%;height:100svh;position:fixed;top:0;left:0;overflow:hidden}body.banner-playing #root{height:100svh;overflow:hidden}::-webkit-scrollbar{width:5px;height:5px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:#ffffff26;border-radius:10px}::-webkit-scrollbar-thumb:hover{background:#ffffff4d}.glass-panel{background:var(--bg-panel);border-right:1px solid var(--border-color)}.premium-card{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:18px 20px;transition:border-color .15s}.premium-card:hover{border-color:var(--border-highlight)}.premium-input{background:var(--bg-input);border:1px solid var(--border-color);color:var(--text-primary);border-radius:var(--radius-md);width:100%;padding:11px 14px;font-family:Inter,sans-serif;font-size:.85rem;transition:all .15s;display:block}.premium-input:focus{background:var(--bg-input-focus);border-color:#fff;outline:none;box-shadow:0 0 0 2px #fff3}.premium-input::placeholder{color:var(--text-muted);letter-spacing:normal}.premium-button{background:var(--bg-input);color:var(--text-primary);border:1px solid var(--border-color);border-radius:var(--radius-md);cursor:pointer;justify-content:center;align-items:center;gap:8px;padding:10px 16px;font-family:Inter,sans-serif;font-size:.82rem;font-weight:600;transition:all .15s cubic-bezier(.4,0,.2,1);display:flex}.premium-button:hover{background:var(--bg-card-hover);border-color:var(--border-highlight)}.premium-button:active{transform:scale(.985)}.premium-button.primary{color:#000;border-radius:var(--radius-md);letter-spacing:.04em;background:#fff;border:1px solid #fff;font-weight:700;box-shadow:0 2px 10px #ffffff1f}.premium-button.primary:hover{background:#f4f4f5;transform:translateY(-1px);box-shadow:0 4px 16px #ffffff38}.premium-button.primary:active{background:#e4e4e7;transform:scale(.985);box-shadow:0 1px 6px #ffffff1a}.segmented-control{border:1px solid var(--border-color);border-radius:var(--radius-md);background:#ffffff08;gap:3px;padding:3px;display:flex}.segmented-control button{color:var(--text-secondary);border-radius:calc(var(--radius-md) - 2px);cursor:pointer;text-align:center;background:0 0;border:1px solid #0000;flex:1;justify-content:center;align-items:center;gap:6px;padding:7px 10px;font-size:.75rem;font-weight:600;transition:all .15s;display:flex}.segmented-control button:hover{color:var(--text-primary);background:#ffffff0d}.segmented-control button.active{color:#000;background:#fff;border-color:#fff;box-shadow:0 1px 4px #0006}input[type=range]{appearance:none;cursor:pointer;background:linear-gradient(to right, #fff 0%, #fff var(--progress,50%), #ffffff1f var(--progress,50%), #ffffff1f 100%);border-radius:2px;outline:none;width:100%;height:4px}input[type=range]::-webkit-slider-thumb{appearance:none;cursor:pointer;background:#fff;border:2px solid #000;border-radius:50%;width:15px;height:15px;transition:transform .15s;box-shadow:0 1px 4px #0009}input[type=range]:active::-webkit-slider-thumb{transform:scale(1.25)}.toggle{cursor:pointer;display:inline-flex;position:relative}.toggle input{opacity:0;width:0;height:0;position:absolute}.toggle-track{border:1px solid var(--border-color);border-radius:var(--radius-full);background:#ffffff14;width:36px;height:20px;transition:all .18s;position:relative}.toggle-track:after{content:"";background:var(--text-secondary);border-radius:50%;width:14px;height:14px;transition:all .18s cubic-bezier(.4,0,.2,1);position:absolute;top:2px;left:2px}.toggle input:checked+.toggle-track{background:#fff;border-color:#fff}.toggle input:checked+.toggle-track:after{background:#000;transform:translate(16px)}.fx-tile-btn{border-radius:var(--radius-md);border:1px solid var(--border-color);background:#ffffff08;transition:all .18s;position:relative;overflow:hidden}.fx-tile-btn:hover{border-color:var(--border-highlight);background:#ffffff0f}.fx-tile-btn.active{box-shadow:0 0 12px var(--accent-glow);border-color:var(--accent)!important}@keyframes pulseText{0%{opacity:.45}50%{opacity:1}to{opacity:.45}}@keyframes slideUp{0%{opacity:0;transform:translateY(30px)scale(.97)}to{opacity:1;transform:translateY(0)scale(1)}}