@import"https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;500;600;700&family=Plus+Jakarta+Sans:wght@300;400;500;600;700&display=swap";:root{--bg-dark: #0f172a;--bg-darker: #1e293b;--card-bg: #1e293b;--card-bg-hover: #334155;--card-border: #334155;--primary: #0ea5e9;--primary-hover: #0284c7;--primary-glow: rgba(14, 165, 233, .15);--accent: #38bdf8;--accent-glow: rgba(56, 189, 248, .1);--text-main: #f1f5f9;--text-muted: #94a3b8;--text-dark: #64748b;--success: #10b981;--danger: #ef4444;--transition-base: all .2s ease;--shadow-soft: none;--shadow-glow: none;--slider-track-bg: rgba(255, 255, 255, .2)}[data-theme=light]{--bg-dark: #f8fafc;--bg-darker: #ffffff;--card-bg: #ffffff;--card-bg-hover: #f1f5f9;--card-border: #e2e8f0;--primary: #0284c7;--primary-hover: #0369a1;--primary-glow: rgba(2, 132, 199, .1);--accent: #0ea5e9;--accent-glow: rgba(14, 165, 233, .08);--text-main: #0f172a;--text-muted: #64748b;--text-dark: #94a3b8;--shadow-soft: none;--shadow-glow: none;--slider-track-bg: rgba(15, 23, 42, .15)}.theme-toggle-btn{background:transparent;border:none;color:var(--text-main);width:38px;height:38px;display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:22px;transition:var(--transition-base)}.theme-toggle-btn:hover{transform:scale(1.15)}*{box-sizing:border-box;scrollbar-width:thin;scrollbar-color:var(--card-border) var(--bg-dark)}*::-webkit-scrollbar{width:6px;height:6px}*::-webkit-scrollbar-track{background:var(--bg-dark)}*::-webkit-scrollbar-thumb{background:var(--card-border);border-radius:10px}*::-webkit-scrollbar-thumb:hover{background:var(--text-dark)}body{margin:0;padding:0;font-family:Outfit,sans-serif;background:var(--bg-dark);color:var(--text-main);height:100vh;height:100dvh;height:calc(var(--vh, 1vh) * 100);overflow:hidden}.app{display:grid;grid-template-columns:240px 1fr 340px;grid-template-rows:70px 1fr 90px;grid-template-areas:"header header header" "sidebar content queue" "player player player";height:100vh;height:100dvh;height:calc(var(--vh, 1vh) * 100);width:100vw}.app.hide-player{grid-template-rows:70px 1fr 0px}.app.hide-player .player-bar{display:none}@media (min-width: 1025px){.app.hide-right-queue{grid-template-columns:240px 1fr 0px}.app.hide-right-queue .queue-sidebar{display:none}}button{font-family:inherit;border:1px solid rgba(255,255,255,.05);border-radius:12px;padding:10px 18px;background:#ffffff0a;color:var(--text-main);cursor:pointer;font-weight:500;display:inline-flex;align-items:center;justify-content:center;gap:8px;transition:var(--transition-base)}button:hover{background:#ffffff17;border-color:#ffffff26;transform:translateY(-1px)}button:active{transform:translateY(1px)}button.btn-primary{background:var(--primary);border:1px solid var(--primary);color:#fff!important}button.btn-primary:hover{background:var(--primary-hover);border-color:var(--primary-hover)}input[type=text],input[type=search]{font-family:inherit;padding:12px 16px;border:1px solid var(--card-border);border-radius:12px;background:var(--bg-dark);color:var(--text-main);transition:var(--transition-base)}input[type=text]:focus,input[type=search]:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-glow);background:var(--bg-dark)}header{grid-area:header;display:flex;align-items:center;justify-content:space-between;padding:0 24px;background:var(--bg-darker);border-bottom:1px solid var(--card-border);z-index:10}.brand{display:flex;align-items:center;gap:12px}.brand h1{font-family:Outfit,sans-serif;font-size:22px;font-weight:700;margin:0;letter-spacing:-.5px;color:var(--text-main)}.brand-icon{font-size:26px;filter:none}.status-badge{display:flex;align-items:center;gap:8px;padding:6px 12px;background:#8b5cf61a;border:1px solid rgba(139,92,246,.2);border-radius:20px;font-size:13px;font-weight:600}.status-dot{width:8px;height:8px;border-radius:50%;background-color:var(--success);box-shadow:0 0 10px var(--success)}.status-badge.radio-mode{background:#f59e0b1a;border-color:#f59e0b33}.status-badge.radio-mode .status-dot{background-color:#f59e0b;box-shadow:0 0 10px #f59e0b}.status-badge.schedule-mode{background:#0ea5e91a;border-color:#0ea5e933}.status-badge.schedule-mode .status-dot{background-color:var(--primary);box-shadow:0 0 10px var(--primary)}#nav-browse.active,#nav-queue.active{background:#8b5cf614!important;color:#a78bfa!important;border-left:3px solid #8b5cf6!important}#nav-radio.active{background:#f59e0b14!important;color:#fbbf24!important;border-left:3px solid #f59e0b!important}#nav-playlists.active,#nav-schedule.active{background:#0ea5e914!important;color:#38bdf8!important;border-left:3px solid #0ea5e9!important}.switch .slider:before{position:absolute;content:"";height:16px;width:16px;left:3px;bottom:3px;background-color:#fff;transition:.3s;border-radius:50%}.switch input:checked+.slider{background-color:var(--primary)!important;box-shadow:0 0 8px var(--primary)}.switch input:checked+.slider:before{transform:translate(20px)}.sidebar{grid-area:sidebar;background:var(--bg-darker);border-right:1px solid var(--card-border);padding:24px 16px;display:flex;flex-direction:column;gap:24px}.sidebar nav{display:flex;flex-direction:column;gap:8px}.nav-item{width:100%;justify-content:flex-start;padding:12px 16px;font-size:15px;border-radius:12px;border:1px solid transparent}.nav-item i{font-size:18px;width:24px;text-align:center}.nav-item.active{background:var(--card-bg-hover);color:var(--primary);border-left:4px solid var(--primary);border-radius:0 12px 12px 0;font-weight:600}.nav-item.active i{color:var(--primary)}.content{grid-area:content;overflow-y:hidden;padding:28px 0 0 28px;display:flex;flex-direction:column;min-height:0}.app.nowplaying-active .content{padding:0!important}#tab-nowplaying{padding:0;height:100%;position:relative;overflow:hidden}#nowPlayingScrollWrapper{box-sizing:border-box}@media (max-width: 768px){#nowPlayingScrollWrapper{padding:20px!important}}.tab-content{animation:fadeIn .3s ease-out;height:100%;min-height:0}#tab-browse>:not(.artists-flex-list):not(#browseContainer),#tab-radio>:not(.radio-stations-list),#tab-queue>:not(.list-container),#tab-playlists>:not(#playlistsContainer){padding-right:28px}#tab-docs{overflow-y:auto;height:100%;padding-right:28px}#tab-queue .list-container{overflow-y:auto;flex:1;min-height:0;padding-right:28px;padding-bottom:28px}#browseContainer{flex:1;display:flex;flex-direction:column;min-height:0;padding-right:0}#browseContainer.detail-view-scroll>*{padding-right:28px}#playlistsContainer{overflow-y:auto;flex:1;min-height:0;padding-right:28px;padding-bottom:28px}#browseContainer.detail-view-scroll{overflow-y:auto}#searchResults{flex:1;overflow-y:auto;min-height:0}@keyframes fadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.section-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:24px}.section-header h2{font-family:Outfit,sans-serif;font-size:26px;font-weight:700;margin:0;letter-spacing:-.3px}.search-wrapper{display:flex;gap:12px;margin-bottom:28px}.search-wrapper input{flex:1}.grid-container{display:grid;grid-template-columns:repeat(auto-fill,minmax(170px,1fr));gap:20px;margin-bottom:28px;align-items:start}.card{background:var(--card-bg);border:1px solid var(--card-border);border-radius:16px;padding:16px;display:flex;flex-direction:column;position:relative;cursor:pointer;transition:var(--transition-base);overflow:hidden;min-height:220px}.card:hover{background:var(--card-bg-hover);border-color:#ffffff1f}#tab-docs .card:hover{background:var(--card-bg);border-color:var(--card-border);transform:none;box-shadow:none;cursor:default}.card-img-wrapper{aspect-ratio:1;border-radius:12px;overflow:hidden;background:linear-gradient(135deg,#ffffff08,#ffffff12);position:relative;margin-bottom:12px;display:flex;align-items:center;justify-content:center;box-shadow:0 8px 16px -8px #00000080}.card-img{width:100%;height:100%;object-fit:cover;transition:var(--transition-base)}.card:hover .card-img{transform:scale(1.08)}.card-placeholder-icon{font-size:40px;opacity:.25;transition:var(--transition-base)}.card:hover .card-placeholder-icon{opacity:.45;transform:scale(1.1)}.card-play-btn{position:absolute;bottom:8px;right:8px;width:42px;height:42px;border-radius:50%;background:var(--primary);color:#fff;display:flex;align-items:center;justify-content:center;font-size:16px;opacity:0;transform:translateY(8px);transition:var(--transition-base);box-shadow:0 4px 10px #0000004d;border:none}.card:hover .card-play-btn{opacity:1;transform:translateY(0)}.card-play-btn:hover{background:var(--primary-hover);transform:scale(1.05)}.card-title{font-family:Outfit,sans-serif;font-size:15px;font-weight:600;margin:0 0 4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.card-subtitle{font-size:13px;color:var(--text-muted);margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.list-container{display:flex;flex-direction:column;gap:8px}.list-row{display:flex;align-items:center;padding:10px 16px;background:var(--card-bg);border:1px solid var(--card-border);border-radius:12px;transition:var(--transition-base);gap:16px}.list-row:hover{background:#1e29458c;border-color:#ffffff1a}.list-img-wrapper{width:44px;height:44px;border-radius:8px;overflow:hidden;background:#ffffff08;display:flex;align-items:center;justify-content:center;flex-shrink:0}.list-img{width:100%;height:100%;object-fit:cover}.list-details{flex:1;min-width:0}.list-title{font-size:15px;font-weight:600;margin:0 0 2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.list-subtitle{font-size:13px;color:var(--text-muted);margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.list-actions{display:flex;align-items:center;gap:8px}.list-btn{width:36px;height:36px;padding:0;border-radius:50%;font-size:14px}.list-btn-play{background:var(--primary);border:none}.list-btn-play:hover{background:var(--primary-hover)}.queue-sidebar{grid-area:queue;background:var(--bg-darker);border-left:1px solid var(--card-border);padding:24px 0 0 20px;display:flex;flex-direction:column;overflow:hidden}.queue-title-bar{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px;flex-shrink:0;padding-right:20px}.queue-title-bar h3{font-family:Outfit,sans-serif;font-size:18px;font-weight:700;margin:0}.queue-list-wrapper{flex:1;overflow-y:auto;display:flex;flex-direction:column;gap:6px;padding-right:20px;padding-bottom:24px}.queue-card{display:flex;align-items:center;padding:10px 12px;background:#ffffff05;border:1px solid rgba(255,255,255,.04);border-radius:12px;gap:12px;transition:var(--transition-base);position:relative}.queue-card:hover{background:#ffffff0d;border-color:#ffffff14}.queue-card.current{background:#8b5cf61f;border-color:#8b5cf640;box-shadow:0 0 15px -5px #8b5cf626}.queue-card-index{font-size:12px;color:var(--text-dark);font-weight:700;width:16px;text-align:center}.queue-card.current .queue-card-index{color:var(--primary)}.queue-card-details{flex:1;min-width:0}.queue-card-title{font-size:13.5px;font-weight:600;margin:0 0 2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.queue-card.current .queue-card-title{color:var(--primary)}.queue-card-subtitle{font-size:12px;color:var(--text-muted);margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.queue-card-remove{width:28px;height:28px;padding:0;border-radius:50%;font-size:12px;opacity:0;background:transparent;border:none;transition:var(--transition-base)}.queue-card:hover .queue-card-remove{opacity:1;background:#ffffff14}.queue-card-remove:hover{background:#ef444426!important;color:var(--danger)}.playing-waves{display:flex;align-items:flex-end;gap:2.5px;width:14px;height:14px}.wave-bar{width:2.5px;background:var(--primary);border-radius:1px;height:3px;animation:bounce-wave 1s ease-in-out infinite alternate}.wave-bar:nth-child(2){animation-delay:.2s}.wave-bar:nth-child(3){animation-delay:.4s}@keyframes bounce-wave{0%{height:3px}to{height:14px}}.playing-waves.paused .wave-bar{animation:none;height:3px}.player-bar{grid-area:player;background:var(--bg-darker);border-top:1px solid var(--card-border);display:grid;grid-template-columns:280px 1fr 280px;align-items:center;padding:0 24px;z-index:100}.player-track-info{display:flex;align-items:center;gap:12px;min-width:0}.player-art-wrapper{width:54px;height:54px;border-radius:8px;overflow:hidden;background:var(--card-bg);border:1px solid var(--card-border);display:flex;align-items:center;justify-content:center;box-shadow:0 4px 10px #0000004d}.player-art{width:100%;height:100%;object-fit:cover}.player-track-details{min-width:0;flex:1}.player-track-title{font-size:14.5px;font-weight:700;margin:0 0 3px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.player-track-artist{font-size:12.5px;color:var(--text-muted);margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.player-controls-container{display:flex;flex-direction:column;align-items:center;gap:8px;width:100%;max-width:580px;margin:0 auto}.player-buttons{display:flex;align-items:center;gap:20px}.player-btn{width:38px;height:38px;padding:0;border-radius:50%;font-size:15px;background:transparent;border-color:transparent;color:var(--text-muted)}.player-btn:hover{color:var(--text-main);background:#ffffff0f}.player-btn-main{width:48px;height:48px;font-size:18px;background:var(--text-main);color:var(--bg-darker);border:none;box-shadow:0 4px 12px #fff3}.player-btn-main:hover{background:#fff;transform:scale(1.05)}.player-progress-container{display:flex;align-items:center;gap:10px;width:100%;font-size:11.5px;color:var(--text-muted);font-weight:500}.player-progress-time{width:35px;text-align:center}.player-slider-wrapper{flex:1;position:relative;display:flex;align-items:center}input[type=range]{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:100%;height:4px;border-radius:2px;background:var(--slider-track-bg);outline:none;transition:background .1s;cursor:pointer}input[type=range]::-webkit-slider-runnable-track{width:100%;height:4px;cursor:pointer}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:12px;height:12px;border-radius:50%;background:var(--text-main);margin-top:-4px;box-shadow:0 2px 4px #00000080;transition:transform .1s}input[type=range]:hover::-webkit-slider-thumb{transform:scale(1.25);background:var(--primary);box-shadow:0 0 10px var(--primary-glow)}.player-volume-container{display:flex;align-items:center;justify-content:flex-end;gap:12px;width:100%}.volume-icon{font-size:16px;color:var(--text-muted);cursor:pointer;transition:var(--transition-base);width:20px;text-align:center}.volume-icon:hover{color:var(--text-main)}.player-volume-container input[type=range]{width:100px}.artist-letters-nav{display:flex;overflow-x:auto;scrollbar-width:none;gap:6px;margin-bottom:24px;padding:4px 28px 4px 0;background:transparent;border:none;-webkit-overflow-scrolling:touch}.artist-letters-nav::-webkit-scrollbar{display:none}.tab-toggle-container{display:flex;gap:16px;margin-bottom:20px;border-bottom:1px solid var(--card-border);padding-bottom:8px;padding-right:28px;flex-shrink:0}.tab-toggle-btn{background:transparent;border:none;color:var(--text-muted);font-family:Outfit,sans-serif;font-size:16px;font-weight:600;padding:6px 12px;cursor:pointer;position:relative;transition:var(--transition-base)}.tab-toggle-btn.active{color:var(--primary)}.tab-toggle-btn.active:after{content:"";position:absolute;bottom:-9px;left:0;width:100%;height:2px;background:var(--primary);border-radius:2px}.letter-btn{padding:6px 12px;font-size:13px;font-weight:600;border-radius:8px;border:1px solid var(--card-border);background:var(--card-bg);color:var(--text-muted);cursor:pointer;transition:var(--transition-base)}.letter-btn:hover,.letter-btn.active{background:var(--card-bg-hover);color:var(--primary);border-color:var(--primary)}.artist-album-count{color:var(--text-muted);font-size:13.5px;font-weight:500}.artists-flex-list{display:flex;flex-direction:column;gap:6px;flex:1;min-height:0;overflow-y:auto;padding-right:28px;padding-bottom:28px}.artist-group-header{position:sticky;top:0;font-family:Outfit,sans-serif;color:var(--primary);background:var(--bg-dark);margin:0;padding:16px 0 8px;border-bottom:1px solid var(--card-border);z-index:10}.artist-table-header{display:grid;grid-template-columns:2.5fr 1.2fr 1.8fr 1.5fr;gap:16px;padding:10px 18px;font-size:11px;font-weight:700;text-transform:uppercase;color:var(--text-muted);border-bottom:1px solid var(--card-border);margin-bottom:8px;letter-spacing:.05em}.artist-row-item{display:grid;grid-template-columns:2.5fr 1.2fr 1.8fr 1.5fr;gap:16px;padding:12px 18px;background:var(--card-bg);border:1px solid var(--card-border);border-radius:14px;align-items:center;cursor:pointer;transition:var(--transition-base)}.artist-row-item:hover{background:var(--card-bg-hover);border-color:#ffffff1a}.artist-profile-cell{display:flex;align-items:center;gap:12px}.artist-avatar-wrapper{width:32px;height:32px;border-radius:50%;overflow:hidden;background:var(--bg-dark);display:flex;align-items:center;justify-content:center;border:1px solid var(--card-border)}.artist-row-avatar-img{width:100%;height:100%;object-fit:cover}.artist-avatar-placeholder,.artist-avatar-placeholder-bg{width:32px;height:32px;border-radius:50%;background:linear-gradient(135deg,var(--primary),var(--accent));display:flex;align-items:center;justify-content:center;font-size:13px;color:#fff}.artist-album-badge{background:#0ea5e91a;color:var(--primary);padding:4px 10px;border-radius:12px;font-size:12.5px;font-weight:600;border:1px solid rgba(14,165,233,.2)}.role-badge{display:inline-block;padding:3px 8px;border-radius:6px;font-size:11px;font-weight:700;margin-right:6px;text-transform:uppercase}.role-badge.maincredit{background:#8b5cf626;color:#a78bfa;border:1px solid rgba(139,92,246,.3)}.role-badge.albumartist{background:#ec489926;color:#f472b6;border:1px solid rgba(236,72,153,.3)}.role-badge.artist{background:#10b98126;color:#34d399;border:1px solid rgba(16,185,129,.3)}.mb-link{color:var(--primary);text-decoration:none;font-size:12.5px;font-weight:600}.mb-link:hover{text-decoration:underline}.detail-header{display:flex;gap:28px;margin-bottom:32px;align-items:flex-end}.detail-img-wrapper{width:190px;height:190px;border-radius:20px;overflow:hidden;box-shadow:0 12px 35px -10px #000000b3;border:1px solid var(--card-border);background:#ffffff05;display:flex;align-items:center;justify-content:center;flex-shrink:0}.detail-img{width:100%;height:100%;object-fit:cover}.detail-meta{flex:1}.detail-type{font-size:12px;text-transform:uppercase;letter-spacing:1.5px;font-weight:700;color:var(--primary);margin-bottom:8px}.detail-title{font-family:Outfit,sans-serif;font-size:38px;font-weight:800;margin:0 0 12px;line-height:1.1;letter-spacing:-1px}.detail-desc{color:var(--text-muted);font-size:14.5px;margin:0 0 16px;line-height:1.5}.detail-stats{font-size:13.5px;color:var(--text-dark);display:flex;align-items:center;gap:6px}.detail-actions{display:flex;gap:12px;margin-bottom:24px}.back-btn{padding:8px 14px;font-size:13.5px;border-radius:10px;margin-bottom:20px}.radio-stations-list{display:flex;flex-direction:column;gap:8px;flex:1;overflow-y:auto;min-height:0;padding-right:28px;padding-bottom:28px}.radio-table-header{display:grid;grid-template-columns:2.2fr 2fr 1.8fr auto;gap:16px;padding:10px 18px;font-size:11px;font-weight:700;text-transform:uppercase;color:var(--text-muted);border-bottom:1px solid var(--card-border);margin-bottom:8px;letter-spacing:.05em}.radio-card{display:grid;grid-template-columns:2.2fr 2fr 1.8fr auto;gap:16px;padding:12px 18px;background:var(--card-bg);border:1px solid var(--card-border);border-radius:14px;align-items:center;transition:var(--transition-base)}.radio-station-info{display:flex;align-items:center;gap:14px}.stream-url-text{word-break:break-all;max-height:3.6em;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}@media (max-width: 768px){.artist-table-header,.radio-table-header{display:none}.artist-row-item{grid-template-columns:1fr auto}.artist-col-roles,.artist-col-musicbrainz{display:none}.radio-card{grid-template-columns:1fr auto;gap:10px}.radio-col-url,.radio-col-metrics{display:none}}.radio-card:hover{background:#1e29458c;border-color:#ffffff1a}.radio-card.current{background:var(--card-bg-hover);border-color:var(--success);box-shadow:0 0 15px -3px #10b98140}.radio-avatar{width:44px;height:44px;border-radius:8px;background:linear-gradient(135deg,#f59e0b,#ef4444);display:flex;align-items:center;justify-content:center;font-size:18px;color:#fff;box-shadow:0 4px 10px #f59e0b4d;flex-shrink:0}.radio-meta{flex:1;min-width:0}.radio-name{font-family:Outfit,sans-serif;font-size:16px;font-weight:600;margin:0 0 4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.radio-desc{font-size:12px;color:var(--text-muted);margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}@media (max-width: 1024px){.app{grid-template-columns:200px 1fr;grid-template-areas:"header header" "sidebar content" "player player"}.queue-sidebar{display:none}}@media (max-width: 768px){.app{grid-template-columns:1fr;grid-template-rows:calc(60px + env(safe-area-inset-top)) 1fr 60px auto;grid-template-areas:"header" "content" "sidebar" "player"}.app.hide-player{grid-template-rows:calc(60px + env(safe-area-inset-top)) 1fr 60px 0px}header{padding:env(safe-area-inset-top) 16px 0 16px;height:calc(60px + env(safe-area-inset-top))}.brand{min-width:0;flex-shrink:1}.brand h1{font-size:14px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sidebar{flex-direction:row;padding:0;height:60px;border-right:none;border-top:1px solid var(--card-border);width:100%;overflow:hidden;min-width:0}.app.hide-player .sidebar{height:calc(60px + env(safe-area-inset-bottom));padding-bottom:env(safe-area-inset-bottom)}.sidebar nav{flex-direction:row;width:100%;height:100%;gap:0;overflow-x:auto;overflow-y:hidden;white-space:nowrap;scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.2) transparent;-webkit-overflow-scrolling:touch;flex:1;min-width:0}.sidebar nav::-webkit-scrollbar{height:4px;display:block}.sidebar nav::-webkit-scrollbar-track{background:transparent}.sidebar nav::-webkit-scrollbar-thumb{background:#ffffff26;border-radius:4px}.sidebar nav::-webkit-scrollbar-thumb:hover{background:#ffffff4d}.nav-item{border-radius:0;height:100%;flex:0 0 95px;flex-direction:column;justify-content:center;align-items:center;gap:4px;font-size:11px;padding:6px 8px;border:none;background:transparent;box-sizing:border-box}.nav-item.active{background:#0ea5e914;color:var(--primary);box-shadow:none;border-left:none;border-radius:0;border-bottom:3px solid var(--primary)}#nav-browse.active,#nav-queue.active{border-left:none!important;border-bottom:3px solid #8b5cf6!important}#nav-radio.active{border-left:none!important;border-bottom:3px solid #f59e0b!important}#nav-playlists.active,#nav-schedule.active{border-left:none!important;border-bottom:3px solid #0ea5e9!important}.nav-item i{font-size:16px;width:auto}.content{padding:20px;overflow-y:auto!important;-webkit-overflow-scrolling:touch;min-height:0}.app.nowplaying-active .content{overflow-y:hidden!important}.detail-header{flex-direction:column;align-items:center;text-align:center;gap:16px}.detail-img-wrapper{width:140px;height:140px}.detail-title{font-size:26px}.player-bar{display:flex;flex-direction:column;align-items:stretch;padding:12px 16px calc(8px + env(safe-area-inset-bottom)) 16px;gap:10px;height:auto;position:relative}.player-track-info{display:none}.player-controls-container{width:100%;display:flex;flex-direction:column;align-items:center;gap:8px}.player-volume-container{display:flex!important;width:100%;justify-content:center;align-items:center;gap:8px;margin:2px 0}#volumeSlider{width:150px}#btnBarRepeat{position:absolute!important;left:20px!important;bottom:calc(8px + env(safe-area-inset-bottom))!important;margin:0!important}}.modal-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background:#040508b3;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);display:flex;align-items:center;justify-content:center;z-index:10000}.modal-card{width:90%;max-width:450px;padding:24px!important;cursor:default!important;border:1px solid var(--card-border)}.modal-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;border-bottom:1px solid var(--card-border);padding-bottom:12px}.modal-header h3{margin:0;font-family:Outfit,sans-serif;font-size:20px;background:linear-gradient(135deg,var(--primary) 0%,var(--accent) 100%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.close-btn{background:none;border:none;color:var(--text-muted);font-size:24px;cursor:pointer;transition:var(--transition-base);line-height:1}.close-btn:hover{color:var(--text-main)}.nowplaying-container{display:flex;flex-direction:row;align-items:center;gap:48px;padding:24px 0;margin:0 auto;max-width:900px;cursor:default}.nowplaying-art-wrapper{width:320px;height:320px;border-radius:16px;overflow:hidden;background:var(--bg-dark);border:1px solid var(--card-border);display:flex;align-items:center;justify-content:center;box-shadow:0 10px 25px #0000004d;flex-shrink:0}.nowplaying-art{width:100%;height:100%;object-fit:cover}.nowplaying-details{flex:1;display:flex;flex-direction:column;align-items:center;text-align:center;min-width:0;width:100%}.marquee-container{overflow:hidden;white-space:nowrap;position:relative;width:100%;display:flex;justify-content:center}.marquee-text{display:inline-block;max-width:100%;overflow:hidden;text-overflow:ellipsis}.marquee-container.scrolling{justify-content:flex-start;display:block}.marquee-container.scrolling .marquee-text{padding-left:100%;padding-right:0;animation:marquee-scroll 15s linear infinite;text-overflow:clip;overflow:visible;max-width:none;flex-shrink:0}@keyframes marquee-scroll{0%{transform:translateZ(0)}to{transform:translate3d(-100%,0,0)}}@media (max-width: 1250px){.nowplaying-container{flex-direction:column;align-items:center;text-align:center;gap:24px;padding:24px}.nowplaying-art-wrapper{width:280px;height:280px}.nowplaying-details{align-items:center}}@media (min-width: 1025px){#nav-queue{display:none}}.toast{background:var(--bg-darker);border:1px solid var(--card-border);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:var(--text-main);padding:12px 20px;border-radius:12px;font-size:14px;font-weight:500;box-shadow:0 10px 25px #00000026;display:flex;align-items:center;gap:10px;animation:toastSlideIn .3s cubic-bezier(.16,1,.3,1),toastFadeOut .3s ease-out 2.7s forwards;pointer-events:auto}.toast.toast-warning{border-left:4px solid var(--accent)}.toast.toast-success{border-left:4px solid var(--primary)}.toast.toast-error{border-left:4px solid var(--danger)}@keyframes toastSlideIn{0%{opacity:0;transform:translateY(12px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes toastFadeOut{to{opacity:0;transform:translateY(-8px) scale(.95)}}@media (max-width: 1024px){.content{padding:20px!important;overflow-y:auto!important}#tab-browse>:not(.artists-flex-list):not(#browseContainer),#tab-radio>:not(.radio-stations-list),#tab-queue>:not(.list-container),#tab-playlists>:not(#playlistsContainer){padding-right:0}#browseContainer{padding-right:0}#browseContainer.detail-view-scroll>*{padding-right:0}#playlistsContainer,.artists-flex-list,.radio-stations-list,#tab-queue .list-container,#tab-docs{padding-right:0!important;padding-bottom:0!important}.artist-letters-nav,.tab-toggle-container{padding-right:0!important}#tab-docs,#playlistsContainer,.artists-flex-list,#tab-queue .list-container,.radio-stations-list,#browseContainer.detail-view-scroll{overflow-y:visible!important;height:auto!important;max-height:none!important}}.repeat-badge{background:#ffffff0d;border:1px solid var(--card-border);border-radius:20px;padding:6px 14px;display:inline-flex;align-items:center;gap:6px;color:var(--text-muted);font-size:13px;font-weight:600;cursor:pointer;transition:var(--transition-base);height:36px;font-family:Inter,sans-serif}.repeat-badge:hover{background:#ffffff17;border-color:#fff3}.repeat-badge.active-all{background:#38bdf81a;border-color:var(--primary);color:var(--primary)}.repeat-badge.active-one{background:#8b5cf61a;border-color:var(--accent);color:var(--accent)}.sidebar-metrics{margin-top:auto;padding:16px 0 0;border-top:1px solid var(--card-border);display:flex;flex-direction:column;gap:12px}@media (max-width: 768px){.sidebar-metrics{display:none!important}}.metric-item{display:flex;flex-direction:column;gap:4px}.metric-label{display:flex;justify-content:space-between;font-size:10px;font-weight:700;letter-spacing:.05em;color:var(--text-muted);font-family:Outfit,sans-serif}.metric-bar-bg{height:4px;background:#ffffff14;border-radius:2px;overflow:hidden;width:100%}.metric-bar{height:100%;background:var(--primary);border-radius:2px;transition:width .5s ease-out,background .3s ease}body.hide-ai-features #indicator-audiomuse,body.hide-ai-features #btnAiMix,body.hide-ai-features .list-btn[title*=AI],body.hide-ai-features .list-btn[title*=🔮]{display:none!important}@media (max-width: 768px){#toastContainer{left:16px!important;right:16px!important;bottom:calc(160px + env(safe-area-inset-bottom))!important}.app.hide-player #toastContainer{bottom:calc(80px + env(safe-area-inset-bottom))!important}}#tab-schedule{display:flex;flex-direction:row;gap:20px;height:100%;min-height:0;padding:0 28px 28px 0;box-sizing:border-box;overflow:hidden}.scheduler-sidebar{width:280px;flex-shrink:0;display:flex;flex-direction:column;background:var(--bg-darker);border:1px solid var(--card-border);border-radius:12px;padding:16px;box-sizing:border-box;height:100%;overflow:hidden}.scheduler-calendar-wrapper{flex:1;display:flex;flex-direction:column;background:var(--bg-darker);border:1px solid var(--card-border);border-radius:12px;padding:20px;box-sizing:border-box;height:100%;overflow:hidden;position:relative}.playlist-draggable-item{background:var(--card-bg);border:1px solid var(--card-border);border-radius:8px;padding:12px;cursor:grab;-webkit-user-select:none;user-select:none;transition:var(--transition-base);display:flex;flex-direction:column;gap:4px;margin-bottom:8px}.playlist-draggable-item:hover{background:var(--card-bg-hover);border-color:var(--primary);transform:translateY(-2px)}.playlist-draggable-item:active{cursor:grabbing}.playlist-empty-item{background:var(--card-bg);border:1px solid var(--card-border);border-radius:8px;padding:12px;opacity:.45;cursor:not-allowed;-webkit-user-select:none;user-select:none;display:flex;flex-direction:column;gap:4px;margin-bottom:8px;transition:var(--transition-base)}.playlist-empty-item .playlist-name{font-weight:600;font-size:14px;color:var(--text-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.playlist-empty-item .playlist-meta{font-size:11px;color:var(--text-dark);display:flex;justify-content:space-between}.playlist-draggable-item .playlist-name{font-weight:600;font-size:14px;color:var(--text-main);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.playlist-draggable-item .playlist-meta{font-size:11px;color:var(--text-muted);display:flex;justify-content:space-between}#schedulerPlaylists{flex:1;overflow-y:auto;display:flex;flex-direction:column;padding-right:4px}.fc{--fc-border-color: var(--card-border);--fc-today-bg-color: rgba(14, 165, 233, .05);--fc-event-bg-color: var(--primary);--fc-event-border-color: var(--primary);--fc-event-text-color: #ffffff;font-family:inherit;height:100%;color:var(--text-main)}.fc .fc-col-header-cell{background:var(--bg-darker)!important;padding:10px 0!important;font-weight:600!important;font-size:14px!important;border-bottom:1px solid var(--card-border)!important}.fc .fc-col-header-cell-cushion{color:var(--text-main)!important;text-decoration:none!important}.fc .fc-timegrid-slot{height:64px!important;border-bottom:1px solid rgba(255,255,255,.02)!important}.fc .fc-timegrid-slot-label-cushion,.fc .fc-timegrid-axis-cushion{color:var(--text-muted)!important;font-size:12px!important}.fc-v-event{background:linear-gradient(135deg,var(--primary) 0%,var(--primary-hover) 100%)!important;border:1px solid rgba(255,255,255,.2)!important;border-radius:8px!important;padding:6px 8px!important;box-shadow:0 4px 12px #0000004d!important;cursor:pointer!important;transition:transform .15s ease,box-shadow .15s ease!important}.fc-v-event:hover{transform:scale(1.02);box-shadow:0 6px 16px #0ea5e940!important}.fc .fc-toolbar{margin-bottom:16px!important;display:flex;justify-content:space-between;align-items:center}.fc .fc-toolbar-title{font-size:18px!important;font-family:Outfit,sans-serif;font-weight:700;color:var(--primary)!important}.fc .fc-button-primary{background-color:var(--card-bg)!important;border:1px solid var(--card-border)!important;color:var(--text-main)!important;border-radius:8px!important;padding:6px 12px!important;text-transform:capitalize!important;font-weight:500!important;box-shadow:none!important;transition:var(--transition-base)!important}.fc .fc-button-primary:hover{background-color:var(--card-bg-hover)!important;border-color:#ffffff26!important}.fc .fc-button-primary:disabled{opacity:.5!important}.fc .fc-button-active{background-color:var(--primary)!important;border-color:var(--primary)!important;color:#fff!important}.fc .fc-timegrid-now-indicator-line,.fc .fc-timegrid-now-indicator-arrow{border-color:var(--danger)!important}@media (max-width: 768px){#nav-nowplaying{order:1}#nav-queue{order:2}#nav-browse{order:3}#nav-radio{order:4}#nav-playlists{order:5}#nav-schedule{order:6}#nav-docs{order:7}#tab-schedule{flex-direction:column!important;padding:0 20px 20px 0!important;gap:12px}.scheduler-sidebar{width:100%!important;height:auto!important;max-height:none!important;padding:10px!important;border-radius:8px!important;flex-shrink:0!important}.scheduler-calendar-wrapper{flex:1!important;min-height:450px!important;height:auto!important}.scheduler-sidebar h3,.scheduler-sidebar p{display:none!important}#schedulerPlaylists{display:flex!important;flex-direction:row!important;overflow-x:auto!important;gap:8px!important;padding:0!important;height:auto!important;width:100%!important}.playlist-draggable-item,.playlist-empty-item{flex-shrink:0!important;width:150px!important;margin-bottom:0!important;padding:8px 10px!important}.playlist-draggable-item .playlist-name,.playlist-empty-item .playlist-name{font-size:13px!important}.playlist-draggable-item .playlist-meta,.playlist-empty-item .playlist-meta{font-size:10px!important}.scheduler-calendar-wrapper{padding:10px!important;border-radius:8px!important}.fc .fc-toolbar-title{font-size:15px!important}.fc .fc-col-header-cell{padding:6px 0!important;font-size:12px!important}}.resolution-btn{background-color:var(--card-bg)!important;border:1px solid var(--card-border)!important;color:var(--text-muted)!important;border-radius:6px!important;padding:6px 12px!important;font-size:12px!important;font-weight:600!important;font-family:Outfit,sans-serif!important;cursor:pointer;transition:var(--transition-base)!important}.resolution-btn:hover{background-color:var(--card-bg-hover)!important;border-color:#ffffff26!important;color:var(--text-main)!important}.resolution-btn.active{background-color:var(--primary)!important;border-color:var(--primary)!important;color:#fff!important;box-shadow:0 0 12px #0ea5e94d!important}.list-btn-delete-track{display:none;background:#ef444426!important;border:1px solid rgba(239,68,68,.3)!important;color:var(--danger)!important}.list-btn-delete-track:hover{background:var(--danger)!important;color:#fff!important}body.ctrl-shift-pressed .list-btn-delete-track{display:inline-block}