@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap";:root{--bg-base:#000;--bg-panel:#0a0a0a;--bg-card:transparent;--bg-card-hover:#ffffff08;--bg-input:#ffffff08;--text-primary:#fff;--text-secondary:#888;--text-muted:#555;--border-color:#ffffff14;--border-highlight:#ffffff26;--accent:#fff;--accent-hover:#ccc;--accent-glow:#ffffff26;--danger:#ef4444;--success:#22c55e;--radius-sm:4px;--radius-md:8px;--radius-lg:12px;--shadow-sm:none;--shadow-md:none}*,: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}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:6px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--bg-card-hover);border-radius:10px}::-webkit-scrollbar-thumb:hover{background:var(--text-secondary)}.glass-panel{background:var(--bg-panel);border-right:1px solid var(--border-color)}.premium-card{background:0 0;padding:0;transition:opacity .2s}.premium-input{border:none;border-bottom:1px solid var(--border-color);color:var(--text-primary);background:0 0;border-radius:0;width:100%;padding:10px 0;font-family:Inter,sans-serif;font-size:.875rem;transition:all .2s;display:block}.premium-input:focus{border-color:var(--accent);background:0 0;outline:none}.premium-input::placeholder{color:var(--text-muted)}.premium-button{background:var(--bg-input);color:var(--text-primary);border:1px solid var(--border-color);border-radius:var(--radius-sm);cursor:pointer;justify-content:center;align-items:center;gap:8px;padding:12px 18px;font-family:Inter,sans-serif;font-size:.875rem;font-weight:500;transition:all .15s;display:flex}.premium-button:hover{background:var(--bg-card-hover);border-color:var(--border-highlight)}.premium-button:active{transform:scale(.98)}.premium-button.primary{background:var(--accent);color:#000;border:none;font-weight:600}.premium-button.primary:hover{background:var(--accent-hover)}.premium-button.primary:active{background:var(--text-secondary)}.segmented-control{border-bottom:1px solid var(--border-color);background:0 0;gap:16px;padding:0;display:flex}.segmented-control button{color:var(--text-secondary);cursor:pointer;background:0 0;border:none;border-bottom:2px solid #0000;border-radius:0;flex:none;margin-bottom:-1px;padding:8px 0;font-family:Inter,sans-serif;font-size:.8rem;font-weight:500;transition:all .2s}.segmented-control button:hover{color:var(--text-primary)}.segmented-control button.active{color:var(--accent);border-bottom:2px solid var(--accent)}input[type=range]{appearance:none;cursor:pointer;background:linear-gradient(to right, var(--accent) 0%, var(--accent) var(--progress,50%), var(--border-color) var(--progress,50%), var(--border-color) 100%);border-radius:1px;outline:none;width:100%;height:2px}input[type=range]::-webkit-slider-thumb{appearance:none;background:var(--accent);cursor:pointer;border-radius:50%;width:12px;height:12px;transition:transform .1s}input[type=range]:active::-webkit-slider-thumb{transform:scale(1.3)}.toggle{cursor:pointer;display:inline-flex;position:relative}.toggle input{opacity:0;width:0;height:0;position:absolute}.toggle-track{background:var(--bg-input);border:1px solid var(--border-color);border-radius:10px;width:36px;height:20px;transition:all .2s;position:relative}.toggle-track:after{content:"";background:var(--text-secondary);border-radius:50%;width:14px;height:14px;transition:all .2s cubic-bezier(.4,0,.2,1);position:absolute;top:2px;left:2px}.toggle input:checked+.toggle-track{background:var(--text-primary);border-color:var(--text-primary)}.toggle input:checked+.toggle-track:after{background:var(--bg-base);transform:translate(16px)}