@import url(https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap);.favs-panel{backdrop-filter:blur(8px);background:linear-gradient(180deg,#121218,#0f0f14);border-inline-start:1px solid var(--border-subtle);color:var(--text-primary);height:calc(100vh - var(--header-height) - var(--mediaboard-height));inset-block-start:var(--header-height);inset-inline-end:0;position:fixed;transition:transform .28s cubic-bezier(.22,.61,.36,1);width:var(--favs-width);will-change:transform;z-index:900}.favs-panel.closed{border-inline-start:none;overflow-x:hidden!important;overflow:hidden;padding:0;transform:translateX(calc(100% - 36px));width:36px}.favs-panel.closed .favs-empty-state,.favs-panel.closed .favs-scroller,.favs-panel.closed .favs-title-wrapper{display:none}.favs-panel::-webkit-scrollbar{width:3px}.favs-panel::-webkit-scrollbar-track{background:transparent}.favs-panel::-webkit-scrollbar-thumb{background:linear-gradient(var(--accent-primary),var(--accent-secondary));border-radius:2px;opacity:.5}.favs-panel:hover::-webkit-scrollbar-thumb{opacity:.85}.favs-header{align-items:center;backdrop-filter:blur(12px);background:linear-gradient(180deg,#16161d,#121218);border-block-end:1px solid var(--border-subtle);box-sizing:border-box;display:flex;gap:var(--spacing-md);inset-block-start:0;padding:var(--spacing-md) var(--spacing-lg);position:sticky;width:100%;z-index:2}.favs-toggle-btn{background:rgba(109,40,217,.08);border:1px solid var(--border-subtle);border-radius:50%;color:var(--text-secondary);cursor:pointer;flex-shrink:0;font-size:14px;height:32px;transition:all var(--transition-normal);width:32px}.favs-toggle-btn:hover{background:rgba(109,40,217,.16);border-color:var(--border-active);box-shadow:var(--neon-glow-primary);color:var(--accent-primary);transform:scale(1.08)}.favs-title-wrapper{align-items:center;display:flex;gap:var(--spacing-sm)}.favs-star-icon{color:#c084fc;filter:drop-shadow(0 0 4px rgba(192,132,252,.4));font-size:15px}.favs-title{color:var(--text-primary);font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);letter-spacing:.4px;margin:0;text-transform:uppercase}.favs-scroller{height:calc(100% - 56px);overflow-y:auto;padding:var(--spacing-md) 0}.favs-list{list-style:none;margin:0;padding:0 var(--spacing-md)}.favs-item{align-items:center;border-radius:var(--border-radius-md);cursor:default;display:flex;gap:var(--spacing-md);padding:var(--spacing-md);transition:all var(--transition-normal)}.favs-item:hover{background:rgba(109,40,217,.08);transform:translateX(2px)}.favs-station-avatar{background:var(--bg-elevated);border:1px solid var(--border-subtle);border-radius:var(--border-radius-sm);height:48px;-o-object-fit:cover;object-fit:cover;transition:all var(--transition-fast);width:48px}.favs-item:hover .favs-station-avatar{border-color:var(--border-active);box-shadow:var(--neon-glow-primary);transform:scale(1.04)}.favs-item-info{flex:1;min-width:0}.favs-station-name{color:var(--text-primary);cursor:pointer;font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);margin:0 0 3px;transition:all var(--transition-fast)}.favs-station-name:hover{color:var(--accent-primary);text-shadow:0 0 8px rgba(109,40,217,.4)}.favs-station-slogan{color:var(--text-secondary);font-size:var(--font-size-xs);letter-spacing:.2px;margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.favs-empty-state{align-items:center;color:var(--text-secondary);display:flex;flex-direction:column;height:100%;justify-content:center;padding:var(--spacing-2xl);text-align:center}.favs-empty-state p{font-size:var(--font-size-base);margin:0 0 var(--spacing-sm)}.favs-empty-state small{font-size:var(--font-size-sm);opacity:.7}.favs-remove-btn{background:none;border:none;color:var(--text-secondary);cursor:pointer;flex-shrink:0;font-size:18px;opacity:.6;padding:6px;transition:all var(--transition-fast)}.favs-remove-btn:hover{color:#ef4444;opacity:1;transform:scale(1.2)}.notif{margin-right:12px}.notif,.notif__button{align-items:center;display:flex;position:relative}.notif__button{background:transparent;border:none;border-radius:8px;color:#cfcfe1;cursor:pointer;padding:8px;transition:color .15s ease,background .15s ease}.notif__button:hover{background:hsla(0,0%,100%,.06);color:#fff}.notif__icon{font-size:18px}.notif__badge{background:#7c4dff;border-radius:8px;color:#fff;font-size:10px;font-weight:600;height:16px;line-height:16px;min-width:16px;padding:0 4px;position:absolute;right:0;text-align:center;top:0}.notif__dropdown{background:#1c1c24;border:1px solid hsla(0,0%,100%,.08);border-radius:12px;box-shadow:0 12px 32px rgba(0,0,0,.45);max-width:90vw;overflow:hidden;position:absolute;right:0;top:calc(100% + 10px);width:360px;z-index:1000}.notif__head{align-items:center;border-bottom:1px solid hsla(0,0%,100%,.08);display:flex;justify-content:space-between;padding:12px 14px}.notif__title{color:#fff;font-weight:600}.notif__head-actions{display:flex;gap:8px}.notif__head-btn{background:transparent;border:none;color:#9a9ab5;cursor:pointer;font-size:12px;padding:2px 4px}.notif__head-btn:hover:not(:disabled){color:#fff}.notif__head-btn:disabled{cursor:default;opacity:.4}.notif__list{list-style:none;margin:0;max-height:420px;overflow-y:auto;padding:0}.notif__empty{color:#7a7a93;font-size:13px;padding:28px 14px;text-align:center}.notif__item{align-items:flex-start;border-bottom:1px solid hsla(0,0%,100%,.05);display:flex;gap:8px;padding:12px 14px}.notif__item--unread{background:rgba(124,77,255,.08)}.notif__item-main{cursor:pointer;flex:1;min-width:0}.notif__item-head{align-items:baseline;display:flex;gap:8px;justify-content:space-between;margin-bottom:2px}.notif__item-title{color:#fff;font-size:13px;font-weight:600}.notif__item-body{color:#c2c2d6;font-size:12px;line-height:1.4}.notif__action{color:#b39dff;display:inline-block;font-size:12px;font-weight:600;margin-top:6px;text-decoration:none}.notif__action:hover{text-decoration:underline}.notif__item-date{color:#6f6f88;flex-shrink:0;font-size:11px;white-space:nowrap}.notif__delete{background:transparent;border:none;color:#6f6f88;cursor:pointer;font-size:12px;line-height:1;padding:2px}.notif__delete:hover{color:#ff6b6b}.notif__foot{border-top:1px solid hsla(0,0%,100%,.08);padding:10px 14px;text-align:center}.notif__foot-link{color:#b39dff;font-size:13px;text-decoration:none}.notif__foot-link:hover{text-decoration:underline}.header__wrapper{align-items:center;background:var(--bg-primary);border-bottom:1px solid var(--border-subtle);box-shadow:var(--shadow-sm);display:flex;height:var(--header-height);justify-content:space-between;left:var(--nav-width);padding:0 var(--container-padding);position:fixed;right:0;top:0;transition:border-color var(--transition-fast);z-index:1001}.header__left-section{gap:var(--spacing-sm)}.header__left-section,.header__logo-link{align-items:center;display:flex}.header__logo-pic{filter:brightness(0) invert(1) hue-rotate(270deg);opacity:1;transform:scale(1);transition:opacity var(--transition-fast),transform var(--transition-fast);width:60px}.header__logo-pic:hover{filter:drop-shadow(var(--neon-glow-primary)) invert(1);transform:scale(1.05)}.header__right-section{align-items:center;display:flex;gap:var(--spacing-md)}.header__profile{position:relative}.header__profile-button{align-items:center;background:var(--bg-secondary);border:1px solid var(--border-subtle);border-radius:var(--border-radius-sm);cursor:pointer;display:flex;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-md);transition:all var(--transition-fast)}.header__profile-button:hover{background:var(--bg-hover);border-color:var(--border-hover);box-shadow:var(--neon-glow-primary)}.header__avatar-container{align-items:center;background:linear-gradient(135deg,var(--accent-primary),var(--accent-secondary));border-radius:50%;box-shadow:var(--neon-glow-primary);display:flex;height:24px;justify-content:center;width:24px}.header__avatar-icon{color:#fff;font-size:10px}.header__username{color:var(--text-primary);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);white-space:nowrap}.header__dropdown-container{min-width:160px;position:absolute;right:0;top:calc(100% + var(--spacing-xs));z-index:1001}.header__dropdown-menu{animation:fadeIn .2s ease-out;background:var(--bg-secondary);border:1px solid var(--border-subtle);border-radius:var(--border-radius-md);box-shadow:var(--shadow-md);list-style:none;padding:0}.header__dropdown-link{align-items:center;border-radius:var(--border-radius-sm);color:var(--text-primary);display:flex;font-size:var(--font-size-sm);gap:var(--spacing-sm);padding:var(--spacing-md) var(--spacing-lg);text-decoration:none;transition:all var(--transition-fast)}.header__dropdown-link:hover{background:var(--bg-hover);box-shadow:inset 0 0 0 1px var(--border-hover);color:var(--accent-primary)}.dropdown-icon{color:var(--text-secondary);height:14px;transition:color var(--transition-fast);width:14px}.header__dropdown-link:hover .dropdown-icon{color:var(--accent-primary)}.header__auth-buttons{align-items:center;display:flex;gap:var(--spacing-sm)}.header__auth-button{border:1px solid transparent;border-radius:var(--border-radius-sm);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);padding:var(--spacing-sm) var(--spacing-md);text-decoration:none;transition:all var(--transition-fast)}.header__auth-button:after{display:none!important}.login-button{background:transparent;border-color:var(--border-subtle);color:var(--text-primary)}.login-button:hover{background:var(--bg-hover);border-color:var(--border-hover);box-shadow:var(--neon-glow-primary)}.register-button{background:linear-gradient(135deg,var(--accent-primary),var(--accent-secondary));border-color:var(--accent-primary);color:#fff}.register-button:hover{box-shadow:var(--neon-glow-primary);color:#fff;filter:brightness(1.05);transform:translateY(-1px)}.menu-toggle{background:linear-gradient(135deg,var(--accent-primary),var(--accent-secondary));border:none;border-radius:50%;box-shadow:var(--shadow-sm);color:#fff;cursor:pointer;display:none;font-size:var(--font-size-base);height:32px;order:-1;transition:all var(--transition-fast);width:32px}.menu-toggle:hover{box-shadow:var(--shadow-md),var(--neon-glow-primary);transform:scale(1.05)}@media (max-width:1080px){.header__wrapper{left:0;padding:0 var(--spacing-md)}.menu-toggle{align-items:center;display:flex;justify-content:center}.header__logo-pic{width:50px}.header__auth-buttons{gap:var(--spacing-xs)}.header__auth-button{font-size:var(--font-size-xs);padding:var(--spacing-xs) var(--spacing-sm)}.header__username{display:none}}.navigation{backdrop-filter:blur(4px);background:linear-gradient(180deg,var(--bg-secondary) 0,var(--bg-elevated) 100%);border-right:1px solid var(--border-subtle);display:flex;flex-direction:column;height:calc(100vh - var(--mediaboard-height));left:0;overflow-y:auto;padding:0 var(--spacing-md);position:fixed;top:0;transition:transform var(--transition-fast);width:var(--nav-width);z-index:900}.navigation::-webkit-scrollbar{width:3px}.navigation::-webkit-scrollbar-track{background:transparent}.navigation::-webkit-scrollbar-thumb{background:linear-gradient(180deg,var(--accent-primary) 0,var(--accent-secondary) 100%);border-radius:2px;box-shadow:inset 0 0 4px rgba(0,0,0,.4)}.navigation::-webkit-scrollbar-thumb:hover{box-shadow:0 0 8px var(--accent-primary)}.navigation.mobile{transform:translateX(-100%);width:260px}.navigation.mobile.open{transform:translateX(0)}.nav-header{align-items:center;background:var(--bg-secondary);border-bottom:1px solid var(--border-subtle);display:flex;height:var(--header-height);justify-content:center;padding:var(--spacing-md) 0;position:sticky;top:0;z-index:901}.nav-logo-link{display:block;line-height:0;text-decoration:none!important}.nav-logo-link,.nav-logo-link:active,.nav-logo-link:focus,.nav-logo-link:hover,.nav-logo-link:link,.nav-logo-link:visited{background:none;border:none!important;outline:none;text-decoration:none!important}.nav-logo-pic{filter:brightness(0) invert(1) hue-rotate(265deg) saturate(1.3);height:auto;transition:all var(--transition-normal);width:75px}.nav-logo-link:hover .nav-logo-pic{filter:brightness(1.1) invert(1) drop-shadow(0 0 1px #a855f7) drop-shadow(0 0 2px #7c3aed);transform:scale(1.02)}.nav-list{flex-shrink:0;list-style:none;margin:var(--spacing-lg) 0 0;padding:0}.navigation>.nav-top{margin-top:var(--spacing-sm)}.nav-link{align-items:center;border-left:4px solid transparent;border-radius:var(--border-radius-sm);color:var(--text-primary);display:flex;font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);gap:var(--spacing-sm);overflow:hidden;padding:var(--spacing-md) var(--spacing-sm) var(--spacing-md) calc(var(--spacing-sm) + 4px);position:relative;text-decoration:none;transition:all var(--transition-normal)}.nav-link-active,.nav-link:hover{background:rgba(109,40,217,.08);border-left-color:var(--accent-primary);box-shadow:inset 6px 0 12px -6px var(--accent-primary),0 0 10px rgba(109,40,217,.15);color:var(--text-primary);transform:translateX(3px)}.nav-link:after{display:none}.nav-icon{align-items:center;display:flex;flex-shrink:0;font-size:12px;height:18px;justify-content:center;line-height:1;width:18px}.nav-link-active .nav-icon,.nav-link:hover .nav-icon{color:var(--accent-primary);filter:drop-shadow(0 0 6px currentColor)}.nav-label{transition:all var(--transition-fast)}.nav-link-active .nav-label,.nav-link:hover .nav-label{text-shadow:0 0 8px rgba(168,85,247,.4)}.nav-section-title{color:var(--text-secondary);font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);letter-spacing:1.8px;margin:var(--spacing-md) 0 var(--spacing-sm);opacity:.9;text-transform:uppercase}.nav-bot{flex-shrink:0;margin-top:var(--spacing-md)}.nav-bot,.nav-bot:last-child{border-top:1px solid var(--border-subtle);padding-top:var(--spacing-md)}.nav-bot:last-child{color:var(--text-secondary);font-size:var(--font-size-xs);letter-spacing:.4px;opacity:.85}.nav-list-horizontal{display:flex;flex-wrap:wrap;gap:var(--spacing-xs);list-style:none;margin-top:var(--spacing-xs);padding:0}.nav-list-horizontal .nav-link{background:transparent;border:none;border-radius:var(--border-radius-sm);color:var(--text-secondary);font-size:var(--font-size-xs);padding:var(--spacing-xs) var(--spacing-sm)}.nav-list-horizontal .nav-link-active,.nav-list-horizontal .nav-link:hover{background:rgba(109,40,217,.2);box-shadow:0 0 10px rgba(109,40,217,.2);color:var(--text-primary)}.overlay{backdrop-filter:blur(6px);background:rgba(0,0,0,.65);display:none;inset:0;position:fixed;z-index:850}.nav-spacer{flex:1;min-height:80px}.nav-footer{flex-shrink:0;margin-top:auto;padding-bottom:var(--spacing-md);width:100%}@media (max-width:1080px){.navigation.mobile.closed{display:none}.navigation.mobile.open{display:flex}.overlay{display:block}.nav-link{font-size:var(--font-size-base);padding:var(--spacing-lg) var(--spacing-md)}.nav-logo-pic{width:64px}.nav-list-horizontal{flex-direction:column;gap:var(--spacing-sm)}.nav-list-horizontal .nav-link{font-size:var(--font-size-sm);justify-content:flex-start;padding:var(--spacing-md)}}a.nav-logo-link:hover:after{display:none!important}.storefront{background:transparent;padding:var(--spacing-lg) 0 var(--spacing-md);position:relative;width:100%}.storefront-stations{margin:0 auto;max-width:var(--max-content-width);padding:0 var(--container-padding)}.storefront-wrapper{display:flex;gap:var(--spacing-lg);overflow-x:auto;padding:var(--spacing-md) 0;scroll-behavior:smooth;-webkit-overflow-scrolling:touch;scrollbar-color:var(--accent-primary) transparent;scrollbar-width:thin}.storefront-wrapper::-webkit-scrollbar{height:5px}.storefront-wrapper::-webkit-scrollbar-track{background:transparent}.storefront-wrapper::-webkit-scrollbar-thumb{background:linear-gradient(90deg,var(--accent-primary),var(--accent-secondary));border-radius:4px}.storefront-wrapper::-webkit-scrollbar-thumb:hover{background:var(--accent-secondary)}.storefront-item{cursor:pointer;flex:0 0 auto;transition:transform var(--transition-normal);width:60px}.storefront-item:hover{transform:translateY(-4px)}.storefront-image-container{aspect-ratio:1/1;background:var(--bg-elevated);border:1px solid var(--border-subtle);border-radius:var(--border-radius-lg);box-shadow:var(--shadow-sm);overflow:hidden;position:relative;transition:all var(--transition-normal);width:100%}.storefront-item:hover .storefront-image-container{border-color:var(--border-active);box-shadow:var(--shadow-md),var(--neon-glow-primary);transform:scale(1.06)}.storefront-image{height:100%;-o-object-fit:cover;object-fit:cover;transition:transform .42s ease;width:100%}.storefront-item:hover .storefront-image{transform:scale(1.08)}.storefront-play-btn{align-items:center;background:linear-gradient(135deg,var(--accent-primary),var(--accent-secondary));border:none;border-radius:var(--border-radius-md);box-shadow:0 3px 12px rgba(109,40,217,.35);color:#fff;cursor:pointer;display:flex;font-size:1.1rem;height:34px;inset:0;justify-content:center;margin:auto;opacity:0;position:absolute;transform:scale(.85);transition:all var(--transition-normal);width:34px}.storefront-item:hover .storefront-play-btn{opacity:1;transform:scale(1)}.storefront-play-btn:hover{background:linear-gradient(135deg,var(--accent-secondary),var(--accent-primary));box-shadow:0 6px 20px rgba(109,40,217,.55);transform:scale(1.1)}.storefront-play-btn:active{transform:scale(.96)}.storefront-loading{align-items:center;color:var(--text-secondary);display:flex;height:100px;justify-content:center}@media (max-width:1024px){.storefront-item{width:72px}.storefront-play-btn{font-size:1rem;height:44px;height:40px;width:44px;width:40px}}@media (max-width:768px){.storefront{padding:var(--spacing-md) 0}.storefront-item{width:68px}.storefront-play-btn{font-size:.95rem;height:38px;width:38px}}@media (max-width:480px){.storefront-item{width:64px}.storefront-play-btn{font-size:.9rem;height:34px;width:34px}}.main-content{box-sizing:border-box;margin-bottom:var(--mediaboard-height);margin-left:0;margin-right:0;margin-top:calc(var(--header-height) + 10px);max-width:none;padding-left:calc(var(--nav-width) + 16px);padding-right:16px;transition:padding-right .28s cubic-bezier(.22,.61,.36,1);width:100%}.main-content:not(.favs-closed):not(.favs-hidden){padding-right:calc(var(--favs-width) + 16px)}.main-content.favs-closed{padding-right:52px}.main-content.favs-hidden{padding-right:16px}@media (max-width:1080px){.main-content,.main-content.favs-closed,.main-content.favs-hidden,.main-content:not(.favs-closed):not(.favs-hidden){padding-left:12px;padding-right:12px}}.media-board{backdrop-filter:blur(28px) saturate(180%);-webkit-backdrop-filter:blur(28px) saturate(180%);background:rgba(8,8,12,.78);bottom:0;height:var(--mediaboard-height);left:0;overflow:hidden;position:fixed;width:100%;z-index:10000}.media-board-glow-bar{background:linear-gradient(90deg,transparent,rgba(109,40,217,.7) 25%,#80f 50%,rgba(109,40,217,.7) 75%,transparent);height:1px;left:0;position:absolute;right:0;top:0}.media-board:before{background:linear-gradient(180deg,rgba(109,40,217,.05),transparent);content:"";height:48px;left:0;pointer-events:none;position:absolute;right:0;top:0}.media-board-container{align-items:center;display:flex;gap:var(--spacing-lg);height:100%;justify-content:space-between;padding:0 var(--container-padding)}.media-board-left{align-items:center;display:flex;flex:1;gap:var(--spacing-md);min-width:0}.media-board-right{gap:var(--spacing-lg)}.media-board-right,.play-button{align-items:center;display:flex;flex-shrink:0}.play-button{background:linear-gradient(135deg,var(--accent-primary),var(--accent-secondary));border:none;border-radius:15%;box-shadow:0 2px 8px rgba(0,0,0,.4);cursor:pointer;height:30px;justify-content:center;transition:transform var(--transition-fast),box-shadow var(--transition-fast),filter var(--transition-fast);width:30px}.play-button.playing{box-shadow:0 0 0 1px rgba(136,0,255,.4),0 0 14px rgba(109,40,217,.55),0 0 28px rgba(136,0,255,.2)}.play-button:hover:not(:disabled){box-shadow:0 0 0 1px rgba(136,0,255,.5),0 0 18px rgba(109,40,217,.65),0 0 36px rgba(136,0,255,.25);filter:brightness(1.15);transform:scale(1.1)}.play-button:active:not(:disabled){transform:scale(.94)}.play-button:disabled{background:var(--bg-elevated);box-shadow:none;cursor:not-allowed;opacity:.45}.play-button svg{color:#fff;font-size:15px}.station-info{align-items:center;display:flex;gap:var(--spacing-md);min-width:0}.station-logo{align-self:center;border:1px solid rgba(109,40,217,.18);border-radius:var(--border-radius-md);flex-shrink:0;height:44px;margin:0;-o-object-fit:cover;object-fit:cover;transition:border-color var(--transition-fast),transform var(--transition-fast);width:44px}.station-logo:hover{border-color:rgba(109,40,217,.5);transform:scale(1.06)}.station-text{display:flex;flex-direction:column;gap:2px;min-width:0}.station-name-link{color:inherit;text-decoration:none}.station-name-link:after{display:none!important}.station-name-link:hover .station-name{color:var(--accent-secondary)}.station-name{color:var(--text-primary);display:block;font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);letter-spacing:.3px;overflow:hidden;text-overflow:ellipsis;transition:color var(--transition-fast);white-space:nowrap}.station-name--idle{color:var(--text-secondary);font-weight:var(--font-weight-regular)}.station-slogan{color:var(--text-secondary);font-size:var(--font-size-sm);letter-spacing:.2px;margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.waveform{align-items:center;animation:fadeIn var(--transition-normal) ease-out;display:flex;gap:3px;height:22px}.waveform span{animation:waveBar 1.3s ease-in-out infinite;background:linear-gradient(to top,var(--accent-primary),var(--accent-secondary));border-radius:2px;display:block;transform-origin:bottom;width:3px}.waveform span:first-child{animation-delay:0s;height:8px}.waveform span:nth-child(2){animation-delay:.15s;height:16px}.waveform span:nth-child(3){animation-delay:.3s;height:22px}.waveform span:nth-child(4){animation-delay:.45s;height:16px}.waveform span:nth-child(5){animation-delay:.6s;height:8px}@keyframes waveBar{0%,to{opacity:.5;transform:scaleY(.35)}50%{opacity:1;transform:scaleY(1)}}.quality-badge{background:rgba(136,0,255,.08);border:1px solid rgba(136,0,255,.22);border-radius:var(--border-radius-sm);color:var(--accent-secondary);flex-shrink:0;font-size:10px;font-weight:700;letter-spacing:1.2px;padding:2px 8px;text-transform:uppercase;transition:background var(--transition-fast),border-color var(--transition-fast);white-space:nowrap}.quality-badge:hover{background:rgba(136,0,255,.14);border-color:rgba(136,0,255,.4)}.volume-control{align-items:center;display:flex;gap:var(--spacing-md);width:180px}.volume-icon{color:var(--text-secondary);flex-shrink:0;font-size:14px;transition:color var(--transition-fast)}.volume-control:hover .volume-icon{color:var(--accent-primary)}.volume-value{color:var(--text-secondary);font-size:var(--font-size-sm);font-variant-numeric:tabular-nums;min-width:30px;text-align:right}.volume-slider{align-items:center;display:flex;flex:1;position:relative}.volume-slider input[type=range]{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:transparent;cursor:pointer;height:20px;width:100%}.volume-slider input[type=range]::-webkit-slider-runnable-track{background:linear-gradient(to right,var(--accent-primary) 0,var(--accent-secondary) var(--vol,50%),hsla(0,0%,100%,.1) var(--vol,50%),hsla(0,0%,100%,.1) 100%);border-radius:1px;height:4px}.volume-slider input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;background:#fff;border-radius:50%;box-shadow:0 0 5px rgba(109,40,217,.45);height:14px;margin-top:-5px;-webkit-transition:transform var(--transition-fast),box-shadow var(--transition-fast);transition:transform var(--transition-fast),box-shadow var(--transition-fast);width:14px}.volume-slider input[type=range]::-webkit-slider-thumb:hover{box-shadow:0 0 10px rgba(109,40,217,.75);transform:scale(1.3)}.volume-slider input[type=range]::-moz-range-track{background:hsla(0,0%,100%,.1);border-radius:2px;height:4px}.volume-slider input[type=range]::-moz-range-progress{background:linear-gradient(to right,var(--accent-primary),var(--accent-secondary));border-radius:2px;height:4px}.volume-slider input[type=range]::-moz-range-thumb{background:#fff;border:none;border-radius:50%;box-shadow:0 0 5px rgba(109,40,217,.45);height:14px;-moz-transition:transform var(--transition-fast);transition:transform var(--transition-fast);width:14px}.volume-slider input[type=range]::-moz-range-thumb:hover{transform:scale(1.3)}@keyframes rotateAndBounce{0%,to{transform:rotate(-90deg) translateX(0) translateY(1px)}35%{transform:rotate(-90deg) translateX(-3px) translateY(-1px)}70%{transform:rotate(-90deg) translateX(6px) translateY(1px)}}.loading-icon{animation:rotateAndBounce 2s infinite}@media (max-width:768px){.media-board-container{gap:var(--spacing-sm);padding:0 var(--spacing-md)}.quality-badge,.station-slogan,.waveform{display:none}.station-logo{height:36px;width:36px}.station-name{font-size:var(--font-size-sm)}.play-button{height:36px;width:36px}.play-button svg{font-size:13px}.volume-control{width:120px}.volume-value{display:none}}@media (max-width:480px){.station-logo{display:none}.volume-control{width:90px}}:root{--bg-primary:#0a0a0a;--bg-secondary:#1a1a1a;--bg-elevated:#242424;--accent-primary:#6d28d9;--accent-secondary:#80f;--accent-tertiary:#ff6b35;--text-primary:#e0e0e0;--text-secondary:#a0a0a0;--border-subtle:rgba(109,40,217,.1);--border-active:rgba(109,40,217,.3);--border-hover:rgba(109,40,217,.15);--bg-hover:rgba(109,40,217,.05);--shadow-sm:0 1px 3px rgba(0,0,0,.5);--shadow-md:0 2px 8px rgba(0,0,0,.6),0 0 8px rgba(109,40,217,.1);--neon-glow-primary:0 0 4px rgba(109,40,217,.3);--neon-glow-secondary:0 0 4px rgba(136,0,255,.2);--neon-glow-orange:0 0 4px rgba(255,107,53,.2);--z-header:1000;--z-nav:900;--z-favs:950;--z-modal:1200;--z-auth-fullscreen:1500;--z-toast:1600;--z-tooltip:1700;--font-family:"Inter",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif;--font-size-xs:11px;--font-size-sm:12px;--font-size-base:13px;--font-size-lg:15px;--font-size-xl:18px;--font-size-xxl:24px;--font-weight-light:300;--font-weight-regular:400;--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--line-height-base:1.4;--spacing-xs:2px;--spacing-sm:4px;--spacing-md:8px;--spacing-lg:12px;--spacing-xl:16px;--spacing-2xl:24px;--border-radius-xs:2px;--border-radius-sm:4px;--border-radius-md:6px;--border-radius-lg:8px;--transition-fast:150ms ease-out;--transition-normal:250ms ease-out;--max-content-width:1440px;--nav-width:240px;--header-height:56px;--favs-width:280px;--container-padding:16px;--mediaboard-height:64px}*{box-sizing:border-box}body{background:var(--bg-primary);font-family:var(--font-family);line-height:var(--line-height-base);margin:0;padding:0;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.button,body{color:var(--text-primary);font-size:var(--font-size-base)}.button{align-items:center;background:transparent;border:1px solid transparent;border-radius:var(--border-radius-sm);cursor:pointer;display:inline-flex;font-weight:var(--font-weight-medium);justify-content:center;min-height:36px;padding:var(--spacing-md) var(--spacing-lg);text-decoration:none;transition:all var(--transition-fast)}.button-primary{background:linear-gradient(135deg,var(--accent-primary),var(--accent-secondary));border-color:var(--accent-primary);box-shadow:var(--shadow-sm);color:#fff}.button-primary:hover{border-color:var(--border-active);box-shadow:var(--shadow-md);filter:brightness(1.05);transform:translateY(-1px)}.button-secondary{background:transparent;border-color:var(--border-subtle);color:var(--text-primary)}.button-secondary:hover{background:var(--bg-hover);border-color:var(--border-hover);box-shadow:var(--neon-glow-primary)}.button:disabled{cursor:not-allowed;opacity:.5;transform:none}.btn:after,.btn:hover:after{display:none!important}.card{background:var(--bg-secondary);border:1px solid var(--border-subtle);box-shadow:var(--shadow-sm);overflow:hidden;padding:var(--spacing-lg);position:relative;transition:all var(--transition-normal)}.card,.card:before{border-radius:var(--border-radius-md)}.card:before{background:linear-gradient(45deg,var(--accent-primary),var(--accent-secondary));content:"";inset:-1px;opacity:0;position:absolute;transition:opacity var(--transition-fast);z-index:-1}.card:hover:before{opacity:.1}.card:hover{border-color:var(--border-hover);box-shadow:var(--shadow-md);transform:translateY(-1px)}a{color:var(--accent-primary);font-weight:var(--font-weight-medium);position:relative;text-decoration:none;transition:all var(--transition-fast)}a:after{background:var(--accent-primary);bottom:-2px;content:"";height:1px;left:0;position:absolute;transition:width var(--transition-fast);width:0}a:hover:after{width:100%}a:hover{color:var(--accent-secondary);text-shadow:0 0 4px rgba(109,40,217,.3)}.grid-container{display:grid;gap:var(--spacing-md);grid-template-columns:repeat(auto-fill,minmax(280px,1fr));padding:var(--spacing-sm)}.grid-item{background:var(--bg-secondary);border:1px solid var(--border-subtle);border-radius:var(--border-radius-md);box-shadow:var(--shadow-sm);padding:var(--spacing-md);transition:all var(--transition-normal)}.grid-item:hover{border-color:var(--border-hover);box-shadow:var(--shadow-md);transform:translateY(-1px)}.input{background:var(--bg-secondary);border:1px solid var(--border-subtle);border-radius:var(--border-radius-sm);color:var(--text-primary);font-size:var(--font-size-base);letter-spacing:.2px;padding:var(--spacing-sm) var(--spacing-md);transition:all var(--transition-fast);width:100%}.input:focus{background:var(--bg-elevated);border-color:var(--border-active);box-shadow:0 0 0 2px rgba(109,40,217,.15);outline:none}label{color:var(--text-secondary);display:block;font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);letter-spacing:.5px;margin-bottom:var(--spacing-xs);text-transform:uppercase}.modal-overlay{align-items:center;backdrop-filter:blur(12px);background:rgba(0,0,0,.8);bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1200}.modal{background:var(--bg-secondary);border:1px solid var(--border-subtle);border-radius:var(--border-radius-lg);box-shadow:var(--shadow-md);max-width:500px;padding:var(--spacing-xl);text-align:center;transition:all var(--transition-normal);width:90%}.modal h2{color:var(--text-primary);font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold);letter-spacing:1px;margin-bottom:var(--spacing-md);text-transform:uppercase}.modal p{color:var(--text-secondary);font-size:var(--font-size-base);line-height:var(--line-height-base);margin-bottom:var(--spacing-lg)}.modal-actions{display:flex;gap:var(--spacing-md);justify-content:space-between}@keyframes fadeIn{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}.spinner{animation:spin 1s linear infinite;filter:drop-shadow(var(--neon-glow-primary));height:24px;width:24px}.mm-header{align-items:center;border-bottom:1px solid var(--border-subtle);display:flex;gap:var(--spacing-lg);margin-bottom:var(--spacing-2xl);padding-bottom:var(--spacing-xl)}.mm-back-btn{align-items:center;background:var(--bg-elevated);border:1px solid var(--border-subtle);border-radius:var(--border-radius-sm);color:var(--text-secondary);cursor:pointer;display:inline-flex;flex-shrink:0;font-family:var(--font-family);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);gap:var(--spacing-md);padding:7px 12px;transition:color var(--transition-fast),border-color var(--transition-fast),background var(--transition-fast)}.mm-back-btn:hover{background:var(--bg-hover);border-color:var(--border-active);color:var(--text-primary)}.mm-header-title{align-items:baseline;display:flex;flex:1;gap:var(--spacing-md)}.mm-header-title h1{color:var(--text-primary);font-size:var(--font-size-xxl);font-weight:var(--font-weight-bold);line-height:1.2;margin:0}.mm-header-mount{color:var(--accent-primary);font-family:Courier New,monospace;font-size:var(--font-size-sm);opacity:.8}@media (max-width:1080px){:root{--nav-width:0px;--container-padding:12px}}@media (max-width:768px){:root{--font-size-base:14px;--font-size-lg:16px;--font-size-xl:18px;--font-size-xxl:22px;--container-padding:12px;--spacing-md:6px;--spacing-lg:10px}.grid-container{gap:var(--spacing-sm);grid-template-columns:repeat(auto-fill,minmax(220px,1fr))}.modal{padding:var(--spacing-lg);width:95%}}@media (max-width:480px){:root{--container-padding:8px;--spacing-lg:8px}.grid-container{grid-template-columns:1fr}}.app-wrapper{flex-direction:column;width:100%}.app-wrapper,.loading-container{background:var(--bg-primary);display:flex;min-height:100vh}.loading-container{align-items:center;justify-content:center}.spinner{animation:spin .8s linear infinite;color:var(--accent-primary);filter:drop-shadow(var(--neon-glow-cyan));height:32px;width:32px}@keyframes spin{to{transform:rotate(1turn)}}