:root{--brand-primary: #6366f1;--brand-secondary: #a855f7;--brand-gradient: linear-gradient(135deg, var(--brand-primary), var(--brand-secondary));--bg-main: #090a10;--bg-surface: rgba(18, 20, 32, .7);--bg-surface-elevated: rgba(28, 32, 50, .85);--border-glass: rgba(255, 255, 255, .08);--border-glass-hover: rgba(255, 255, 255, .16);--text-main: #f8fafc;--text-muted: #94a3b8;--text-faint: #64748b;--accent-red: #ef4444;--accent-green: #10b981;--radius-sm: 8px;--radius-md: 14px;--radius-lg: 20px;--radius-full: 9999px;--shadow-glass: 0 8px 32px 0 rgba(0, 0, 0, .37);--shadow-glow: 0 0 24px -4px var(--brand-primary);--font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-family);background-color:var(--bg-main);color:var(--text-main);min-height:100vh;-webkit-font-smoothing:antialiased;padding-bottom:90px;overflow-x:hidden}body:before{content:"";position:fixed;top:-150px;left:50%;transform:translate(-50%);width:500px;height:500px;background:radial-gradient(circle,var(--brand-primary) 0%,transparent 70%);opacity:.18;filter:blur(80px);pointer-events:none;z-index:0}.container{max-width:600px;margin:0 auto;padding:16px;position:relative;z-index:1}header{display:flex;align-items:center;justify-content:space-between;padding:8px 0 16px}.brand-wrapper{display:flex;align-items:center;gap:12px}.brand-logo{height:38px;width:auto;border-radius:var(--radius-sm);object-fit:contain}.brand-title{font-size:1.25rem;font-weight:700;letter-spacing:-.02em}.header-actions{display:flex;align-items:center;gap:8px}.btn-lang{background:var(--bg-surface);border:1px solid var(--border-glass);color:var(--text-muted);font-size:.75rem;font-weight:600;padding:6px 10px;border-radius:var(--radius-full);cursor:pointer;transition:all .2s}.btn-lang:hover{color:var(--text-main);border-color:var(--border-glass-hover)}.btn-avatar{background:var(--bg-surface);border:1px solid var(--border-glass);color:var(--text-main);padding:6px 12px;border-radius:var(--radius-full);font-size:.8rem;font-weight:500;cursor:pointer;display:flex;align-items:center;gap:6px}.access-banner{background:var(--bg-surface-elevated);border:1px solid var(--border-glass);border-radius:var(--radius-md);padding:12px 16px;margin-bottom:16px;display:flex;align-items:center;justify-content:space-between;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);font-size:.85rem}.access-banner.status-denied{border-color:#ef44444d;background:#ef444414}.access-banner.status-granted{border-color:#10b9814d;background:#10b98114}.banner-action-btn{background:var(--brand-gradient);border:none;color:#fff;padding:6px 12px;border-radius:var(--radius-full);font-size:.75rem;font-weight:600;cursor:pointer;white-space:nowrap}.player-card{background:var(--bg-surface);border:1px solid var(--border-glass);border-radius:var(--radius-lg);padding:20px;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);box-shadow:var(--shadow-glass);margin-bottom:20px;display:flex;flex-direction:column;gap:16px}.player-top-row{display:flex;align-items:center;justify-content:space-between}.live-badge{display:inline-flex;align-items:center;gap:6px;font-size:.7rem;font-weight:800;letter-spacing:.08em;padding:4px 10px;border-radius:var(--radius-full);background:#ef444426;color:#f87171;border:1px solid rgba(239,68,68,.3)}.live-dot{width:6px;height:6px;border-radius:50%;background-color:#ef4444;animation:pulse 1.5s infinite}@keyframes pulse{0%{transform:scale(.95);box-shadow:0 0 #ef4444b3}70%{transform:scale(1.1);box-shadow:0 0 0 6px #ef444400}to{transform:scale(.95);box-shadow:0 0 #ef444400}}.listeners-count{font-size:.75rem;color:var(--text-muted)}.song-info-wrapper{display:flex;align-items:center;gap:16px}.album-art{width:68px;height:68px;border-radius:var(--radius-md);object-fit:cover;background:#1e2238;box-shadow:0 4px 12px #0006}.song-details{flex:1;overflow:hidden}.current-title{font-size:1.15rem;font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-bottom:4px}.current-artist{font-size:.9rem;color:var(--text-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.player-controls{display:flex;align-items:center;justify-content:space-between;padding-top:8px;border-top:1px solid var(--border-glass)}.btn-play-stream{background:var(--brand-gradient);border:none;color:#fff;width:44px;height:44px;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:1.1rem;box-shadow:var(--shadow-glow);transition:transform .15s ease}.btn-play-stream:active{transform:scale(.92)}.stream-label{font-size:.85rem;font-weight:600;color:var(--text-muted)}.search-container{position:relative;margin-bottom:20px}.search-input{width:100%;background:var(--bg-surface);border:1px solid var(--border-glass);border-radius:var(--radius-full);padding:14px 20px 14px 46px;color:var(--text-main);font-size:.95rem;outline:none;transition:all .2s;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.search-input:focus{border-color:var(--brand-primary);box-shadow:0 0 0 3px #6366f133}.search-icon{position:absolute;left:18px;top:50%;transform:translateY(-50%);color:var(--text-faint);font-size:1rem}.tabs-nav{display:flex;gap:8px;background:var(--bg-surface);padding:6px;border-radius:var(--radius-full);border:1px solid var(--border-glass);margin-bottom:20px}.tab-btn{flex:1;background:transparent;border:none;color:var(--text-muted);font-size:.85rem;font-weight:600;padding:10px;border-radius:var(--radius-full);cursor:pointer;transition:all .2s;text-align:center}.tab-btn.active{background:var(--bg-surface-elevated);color:var(--text-main);box-shadow:0 2px 8px #0000004d}.song-list{display:flex;flex-direction:column;gap:10px}.song-card{background:var(--bg-surface);border:1px solid var(--border-glass);border-radius:var(--radius-md);padding:12px 16px;display:flex;align-items:center;justify-content:space-between;gap:12px;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);transition:transform .15s ease,border-color .15s ease}.song-card:hover{border-color:var(--border-glass-hover);transform:translateY(-1px)}.song-meta{flex:1;overflow:hidden}.song-title{font-size:.95rem;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-bottom:2px}.song-artist{font-size:.8rem;color:var(--text-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.btn-request{background:var(--bg-surface-elevated);border:1px solid var(--border-glass);color:var(--brand-primary);font-size:.8rem;font-weight:700;padding:8px 14px;border-radius:var(--radius-full);cursor:pointer;transition:all .15s ease;white-space:nowrap}.btn-request:hover{background:var(--brand-gradient);color:#fff;border-color:transparent;box-shadow:0 2px 12px -2px var(--brand-primary)}.empty-state{text-align:center;padding:40px 20px;color:var(--text-muted);font-size:.9rem}.modal-overlay{position:fixed;inset:0;background:#000000b3;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;padding:20px;z-index:100;opacity:0;pointer-events:none;transition:opacity .2s ease}.modal-overlay.open{opacity:1;pointer-events:auto}.modal-content{background:#121422;border:1px solid var(--border-glass-hover);border-radius:var(--radius-lg);width:100%;max-width:440px;padding:24px;box-shadow:0 20px 40px #0009;transform:translateY(20px);transition:transform .2s ease}.modal-overlay.open .modal-content{transform:translateY(0)}.modal-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}.modal-title{font-size:1.15rem;font-weight:700}.btn-close{background:transparent;border:none;color:var(--text-muted);font-size:1.25rem;cursor:pointer}.modal-body{display:flex;flex-direction:column;gap:14px}.modal-input{width:100%;background:var(--bg-surface);border:1px solid var(--border-glass);border-radius:var(--radius-md);padding:12px 16px;color:var(--text-main);font-size:.95rem;outline:none}.modal-input:focus{border-color:var(--brand-primary)}.btn-primary{width:100%;background:var(--brand-gradient);border:none;color:#fff;padding:12px;border-radius:var(--radius-full);font-size:.95rem;font-weight:700;cursor:pointer;box-shadow:var(--shadow-glow)}.toast-container{position:fixed;bottom:24px;left:50%;transform:translate(-50%);display:flex;flex-direction:column;gap:8px;z-index:200;pointer-events:none}.toast{background:var(--bg-surface-elevated);border:1px solid var(--border-glass-hover);color:var(--text-main);padding:12px 20px;border-radius:var(--radius-full);font-size:.85rem;font-weight:600;box-shadow:0 10px 25px #00000080;animation:slideUp .25s ease-out}.toast.toast-error{border-color:var(--accent-red);color:#fca5a5}.toast.toast-success{border-color:var(--accent-green);color:#6ee7b7}@keyframes slideUp{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}footer{text-align:center;padding:30px 0 10px;font-size:.75rem;color:var(--text-faint)}footer a{color:var(--text-muted);text-decoration:none;font-weight:600}