@keyframes heart-pop-card{0%,to{transform:scale(1)}30%{transform:scale(1.35)}60%{transform:scale(.85)}}@keyframes shimmer{0%,to{background:var(--skeleton-base)}50%{background:var(--skeleton-shine)}}@keyframes viz-pulse{0%,to{transform:scaleY(.4)}50%{transform:scaleY(1)}}@keyframes heart-pop{0%,to{transform:scale(1)}30%{transform:scale(1.3)}60%{transform:scale(.9)}}@keyframes spin{to{transform:rotate(360deg)}}:root,[data-theme=light]{--bg:#F5F5F7;--text:#1D1D1F;--accent:#0050AA;--surface:#FFFFFF;--border:#D2D2D7;--muted:#585858;--shadow:rgba(0, 0, 0, 0.08);--shadow-hover:rgba(0, 0, 0, 0.14);--header-bg:rgba(245, 245, 247, 0.72);--player-bg:rgba(255, 255, 255, 0.82);--skeleton-base:#E8E8ED;--skeleton-shine:#F5F5F7;--heart-fill:#FF3B30;--online-badge:#34C759;--offline-badge:#FF3B30}[data-theme=dark]{--bg:#1C1C1E;--text:#F5F5F7;--accent:#4DA3FF;--surface:#2C2C2E;--border:#3A3A3C;--muted:#A0A0A0;--shadow:rgba(0, 0, 0, 0.3);--shadow-hover:rgba(0, 0, 0, 0.5);--header-bg:rgba(28, 28, 30, 0.72);--player-bg:rgba(44, 44, 46, 0.82);--skeleton-base:#3A3A3C;--skeleton-shine:#48484A;--heart-fill:#FF453A;--online-badge:#30D158;--offline-badge:#FF453A}*,::after,::before{margin:0;padding:0;box-sizing:border-box}html{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif;font-size:16px;line-height:1.5;color:var(--text);background-color:var(--bg);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;transition:background-color .3s ease,color .3s ease}body{min-height:100vh;overflow-x:hidden}a{color:inherit;text-decoration:none}button{background:0 0;border:0;cursor:pointer}button,input{font:inherit;color:inherit}img{display:block;max-width:100%}:focus-visible{outline:2px solid var(--accent);outline-offset:2px;border-radius:4px}:focus:not(:focus-visible){outline:0}.sr-status{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.header{position:fixed;top:0;left:0;right:0;z-index:100;background:var(--header-bg);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-bottom:1px solid var(--border);transition:background .3s ease,border-color .3s ease}.header__inner,.header__logo{display:flex;align-items:center}.header__inner{justify-content:space-between;max-width:1200px;margin:0 auto;padding:12px 20px;gap:16px}.header__logo{gap:10px;flex-shrink:0;color:var(--text);transition:opacity .2s}.header__logo:hover{opacity:.7}.header__logo-icon{color:var(--accent)}.header__title{font-size:1.125rem;font-weight:700;letter-spacing:-.02em;white-space:nowrap}.header__search{position:relative;flex:1;max-width:400px}.header__search-icon{position:absolute;left:14px;top:50%;transform:translateY(-50%);color:var(--muted);pointer-events:none}.header__search-input{width:100%;height:40px;padding:0 16px 0 40px;border:1px solid var(--border);border-radius:20px;background:var(--surface);font-size:.9375rem;color:var(--text);transition:border-color .2s,box-shadow .2s,background .3s;-webkit-appearance:none;appearance:none}.header__search-input::placeholder{color:var(--muted)}.header__search-input:focus{outline:0;border-color:var(--accent);box-shadow:0 0 0 3px rgba(0,113,227,.15)}[data-theme=dark] .header__search-input:focus{box-shadow:0 0 0 3px rgba(10,132,255,.2)}.header__search-input::-webkit-search-cancel-button{-webkit-appearance:none}.header__theme-toggle{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:50%;flex-shrink:0;transition:background .2s;color:var(--text)}.header__theme-toggle:hover{background:var(--border)}[data-theme=dark] .icon-sun,[data-theme=light] .icon-moon{display:none}[data-theme=dark] .icon-moon,[data-theme=light] .icon-sun{display:block}.main{max-width:1200px;margin:0 auto;padding:80px 20px 96px;min-height:100vh}.main__heading{font-size:1.125rem;font-weight:600;color:var(--text);margin:0 0 12px;letter-spacing:-.01em}.offline-banner{position:fixed;top:68px;left:0;right:0;padding:8px 16px;background:var(--offline-badge);color:#fff;text-align:center;font-size:.875rem;font-weight:500;z-index:29}.offline-banner[hidden],.station-card--buffering .station-card__play-overlay svg{display:none}.filters{margin-bottom:10px;display:flex;flex-direction:column;gap:4px}.filters__row{display:flex;gap:4px;overflow-x:auto;padding:2px 0;scrollbar-width:none;-ms-overflow-style:none;-webkit-overflow-scrolling:touch;align-items:center;flex-wrap:wrap}.filters__row::-webkit-scrollbar,.section__scroll::-webkit-scrollbar{display:none}@media (max-width:768px){.filters__row{flex-wrap:nowrap}}.filter-pill{display:inline-flex;align-items:center;padding:4px 10px;border-radius:12px;font-size:.6875rem;font-weight:500;white-space:nowrap;border:1px solid var(--border);background:var(--surface);color:var(--text);cursor:pointer;transition:all .2s ease;flex-shrink:0;user-select:none}.filter-pill:hover{border-color:var(--accent);color:var(--accent)}.filter-pill--active{background:var(--accent);border-color:var(--accent);color:#fff}.filter-pill--active:hover{opacity:.9;color:#fff}.section-favorites{margin-bottom:12px}.section__title{font-size:.6875rem;font-weight:600;letter-spacing:.05em;text-transform:uppercase;margin-bottom:4px;color:var(--muted)}.section__scroll{display:flex;gap:6px;overflow-x:auto;overflow-y:visible;padding:6px 0 4px;scrollbar-width:none;-ms-overflow-style:none;-webkit-overflow-scrolling:touch;flex-wrap:wrap}@media (max-width:768px){.section__scroll{flex-wrap:nowrap}}.mini-card{position:relative;display:flex;flex-direction:row;align-items:center;gap:6px;min-width:120px;max-width:120px;padding:4px 8px;background:var(--surface);border-radius:8px;box-shadow:0 1px 2px var(--shadow);cursor:pointer;transition:transform .15s ease,box-shadow .15s ease;flex-shrink:0;user-select:none}.mini-card:hover{transform:translateY(-1px);box-shadow:0 2px 6px var(--shadow-hover)}.mini-card__logo,.mini-card__logo-placeholder{width:24px;height:24px;border-radius:6px;background:var(--bg);flex-shrink:0}.mini-card__logo{object-fit:cover}.mini-card__logo-placeholder{display:flex;align-items:center;justify-content:center;color:var(--muted)}.mini-card__logo-placeholder svg{width:12px;height:12px}.mini-card__name{font-size:.5625rem;font-weight:500;color:var(--text);line-height:1.15;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;word-break:break-word;flex:1;min-width:0}.mini-card__heart{position:absolute;top:-5px;right:-4px;font-size:.55rem;width:16px;height:16px;display:flex;align-items:center;justify-content:center;background:var(--surface);border-radius:50%;box-shadow:0 1px 3px var(--shadow);color:var(--heart-fill);line-height:1}.station-card__fav .icon-heart-sm{transition:transform .2s}.station-card__fav--active .icon-heart-sm{fill:var(--heart-fill);stroke:var(--heart-fill)}.station-card__fav--animate{animation:heart-pop-card .4s ease}.grid-section{min-height:200px}.station-grid{display:grid;grid-template-columns:1fr;gap:16px}@media (min-width:768px){.station-grid{grid-template-columns:repeat(2,1fr)}}@media (min-width:1024px){.station-grid{grid-template-columns:repeat(4,1fr)}}.station-card{position:relative;display:flex;flex-direction:column;align-items:center;padding:24px 16px 20px;background:var(--surface);border-radius:16px;box-shadow:0 1px 3px var(--shadow);cursor:pointer;transition:transform .2s ease,box-shadow .2s ease;overflow:hidden}.station-card:hover{transform:translateY(-2px);box-shadow:0 8px 24px var(--shadow-hover)}.station-card__logo,.station-card__logo-placeholder{display:flex;align-items:center;justify-content:center;width:80px;height:80px;border-radius:16px;background:var(--bg);margin-bottom:12px}.station-card__logo{overflow:hidden}.station-card__logo img{width:100%;height:100%;object-fit:cover}.station-card__logo-placeholder{color:var(--muted)}.station-card__name{font-size:.9375rem;font-weight:600;text-align:center;margin-bottom:4px;color:var(--text);line-height:1.3;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.station-card__city{font-size:.8125rem;color:var(--muted);margin-bottom:8px}.station-card__genre{display:inline-block;padding:3px 10px;border-radius:10px;font-size:.75rem;font-weight:500;background:var(--accent);color:#fff;opacity:.85}.station-card__play-overlay{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:rgba(0,0,0,.35);border-radius:16px;opacity:0;transition:opacity .2s ease;pointer-events:none}.station-card:hover .station-card__link,.station-card:hover .station-card__play-overlay{opacity:1}.station-card__play-overlay svg{color:#fff;filter:drop-shadow(0 2px 4px rgba(0,0,0,.3))}.station-card--buffering,.station-card--playing{box-shadow:0 0 0 2px var(--accent),0 8px 24px var(--shadow-hover)}.station-card--buffering .station-card__play-overlay{opacity:1;background:rgba(0,0,0,.45)}.station-card--buffering .station-card__play-overlay::after{content:"";width:32px;height:32px;border-radius:50%;border:3px solid rgba(255,255,255,.25);border-top-color:#fff;animation:spin .7s linear infinite}.station-card__number{position:absolute;bottom:6px;right:8px;font-size:.75rem;font-weight:600;color:var(--muted);pointer-events:none;z-index:1}.station-card__badge-offline{position:absolute;top:12px;right:12px;padding:3px 8px;border-radius:8px;font-size:.6875rem;font-weight:600;background:var(--offline-badge);color:#fff}.station-card__actions{position:absolute;top:12px;right:12px;display:flex;gap:6px;z-index:2}.station-card__link{color:var(--muted);text-decoration:none}.station-card__link:hover{transform:scale(1.15);color:var(--accent)}.station-card__fav,.station-card__link{width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:50%;background:var(--surface);box-shadow:0 1px 4px var(--shadow);transition:transform .2s,opacity .2s;opacity:0}.station-card:hover .station-card__fav,.station-card__fav--active{opacity:1}.station-card__fav:hover{transform:scale(1.15)}.station-card__actions .station-card__fav{position:static}.station-card--playing .station-card__fav,.station-card--playing .station-card__link{opacity:1}.skeleton-card{display:flex;flex-direction:column;align-items:center;padding:24px 16px 20px;background:var(--surface);border-radius:16px;box-shadow:0 1px 3px var(--shadow)}.skeleton-card__circle,.skeleton-card__line{background:var(--skeleton-base);animation:shimmer 1.5s ease-in-out infinite}.skeleton-card__circle{width:80px;height:80px;border-radius:16px;margin-bottom:12px}.skeleton-card__line{height:14px;border-radius:7px}.skeleton-card__line--title{width:70%;margin-bottom:8px;animation-delay:.1s}.skeleton-card__line--subtitle{width:50%;margin-bottom:10px;animation-delay:.2s}.skeleton-card__line--badge{width:40%;height:22px;border-radius:10px;animation-delay:.3s}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:64px 20px;text-align:center}.empty-state__icon{color:var(--muted);margin-bottom:16px;opacity:.5}.empty-state__text{font-size:1.0625rem;color:var(--muted);margin-bottom:20px}.empty-state__btn{padding:10px 24px;border-radius:20px;font-size:.9375rem;font-weight:600;background:var(--accent);color:#fff;transition:opacity .2s}.empty-state__btn:hover{opacity:.85}.player{position:fixed;bottom:0;left:0;right:0;z-index:100;background:var(--player-bg);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-top:1px solid var(--border);transform:translateY(100%)}.player--active{transform:translateY(0)}@media (max-width:768px){.header,.player{backdrop-filter:none;-webkit-backdrop-filter:none}}.player__shortcuts-btn{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:50%;color:var(--muted);transition:color .2s,background .2s}.player__shortcuts-btn:hover{color:var(--text);background:var(--border)}.shortcuts-popover{position:absolute;bottom:calc(100% + 12px);right:80px;background:var(--surface);border:1px solid var(--border);border-radius:14px;padding:16px;box-shadow:0 8px 32px var(--shadow-hover);min-width:200px;z-index:110}.shortcuts-popover[hidden]{display:none}.shortcuts-popover__title{font-size:.8125rem;font-weight:600;color:var(--text);margin:0 0 12px}.shortcuts-popover__row{display:flex;align-items:center;justify-content:space-between;padding:6px 0}.shortcuts-popover__row:not(:last-child){border-bottom:1px solid var(--border)}.shortcuts-popover__label{font-size:.8125rem;color:var(--text)}.shortcuts-popover__key{display:inline-block;padding:3px 8px;font-size:.75rem;font-family:inherit;font-weight:500;background:var(--bg);color:var(--text);border-radius:5px;border:1px solid var(--border)}.player__shortcuts-hint{display:none}.player__inner{justify-content:space-between;max-width:1200px;margin:0 auto;height:64px;padding:0 20px;gap:16px}.player__info,.player__inner,.player__logo{display:flex;align-items:center}.player__info{gap:12px;flex:1;min-width:0}.player__logo{width:40px;height:40px;border-radius:10px;overflow:hidden;flex-shrink:0;background:var(--bg);justify-content:center}.player__logo img{width:40px;height:40px;object-fit:cover}.player__logo-placeholder{color:var(--muted)}.player__text{display:flex;flex-direction:column;min-width:0}.player__name,.player__subtitle{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.player__name{font-size:.875rem;font-weight:600}.player__subtitle{font-size:.75rem;color:var(--muted)}.player__controls{display:flex;align-items:center;gap:16px;flex-shrink:0}.player__play-btn{display:flex;align-items:center;justify-content:center;width:48px;height:48px;border-radius:50%;background:var(--accent);color:#fff;transition:transform .15s,opacity .2s}.player__play-btn:hover{opacity:.9;transform:scale(1.05)}.player__play-btn:active{transform:scale(.95)}.player__viz{display:flex;align-items:flex-end;gap:3px;height:24px}.player__viz-bar{width:3px;border-radius:1.5px;background:var(--accent);animation:viz-pulse 1s ease-in-out infinite;animation-play-state:paused;will-change:transform}.player__viz-bar:nth-child(1){height:8px;animation-delay:0s}.player__viz-bar:nth-child(2){height:16px;animation-delay:.15s}.player__viz-bar:nth-child(3){height:12px;animation-delay:.3s}.player__viz-bar:nth-child(4){height:20px;animation-delay:.45s}.player--playing .player__viz-bar{animation-play-state:running}@media (prefers-reduced-motion:reduce){.player__viz-bar{animation:none}}.player__actions{display:flex;align-items:center;gap:8px;flex-shrink:0;position:relative}.player__volume{display:flex;align-items:center;gap:6px}.player__volume-btn{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:50%;transition:background .2s;color:var(--text)}.player__volume-btn:hover,.player__volume-slider{background:var(--border)}.player__volume-slider{-webkit-appearance:none;appearance:none;width:80px;height:4px;border-radius:2px;outline:0;cursor:pointer;transition:background .2s}.player__volume-slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:14px;height:14px;border-radius:50%;background:var(--text);cursor:pointer;transition:transform .15s;box-shadow:0 1px 3px rgba(0,0,0,.2)}.player__volume-slider::-webkit-slider-thumb:hover{transform:scale(1.2)}.player__volume-slider::-moz-range-thumb{width:14px;height:14px;border-radius:50%;background:var(--text);cursor:pointer;border:0;box-shadow:0 1px 3px rgba(0,0,0,.2)}.player__volume-slider::-moz-range-track{height:4px;border-radius:2px;background:var(--border)}.player__volume-slider:focus-visible{outline:2px solid var(--accent);outline-offset:4px;border-radius:2px}.player__volume--muted .player__volume-slider{opacity:.4}.player__timer-btn{display:flex;align-items:center;justify-content:center;gap:4px;width:32px;height:32px;border-radius:50%;transition:background .2s;color:var(--text)}.player__timer-btn:hover{background:var(--border)}.player__timer-btn--active{color:var(--accent)}.player__timer-btn--active .player__timer-countdown{font-size:.6875rem;font-weight:600}.timer-popover{position:absolute;bottom:calc(100% + 12px);right:40px;background:var(--surface);border:1px solid var(--border);border-radius:14px;padding:8px;box-shadow:0 8px 32px var(--shadow-hover);display:flex;flex-direction:column;gap:2px;min-width:120px;z-index:110}.timer-popover[hidden]{display:none}.timer-popover__cancel,.timer-popover__option{padding:10px 16px;border-radius:8px;font-size:.875rem;font-weight:500;text-align:left;transition:background .15s;color:var(--text)}.timer-popover__cancel{color:var(--offline-badge);border-top:1px solid var(--border);margin-top:4px}.timer-popover__cancel:hover,.timer-popover__option:hover{background:var(--bg)}.report-popover{position:absolute;bottom:calc(100% + 12px);right:0;background:var(--surface);border:1px solid var(--border);border-radius:14px;padding:16px;box-shadow:0 8px 32px var(--shadow-hover);display:flex;flex-direction:column;gap:10px;min-width:260px;max-width:320px;z-index:110}.report-popover[hidden]{display:none}.report-popover__title{font-size:.875rem;font-weight:600;color:var(--text);margin:0}.report-popover__pills{display:flex;gap:6px;flex-wrap:wrap}.report-pill{padding:6px 14px;border-radius:12px;font-size:.75rem;font-weight:500;white-space:nowrap;background:var(--bg);color:var(--text);border:1px solid var(--border);cursor:pointer;transition:border-color .2s,background .2s,color .2s;font-family:inherit}.report-pill:hover{border-color:var(--accent);color:var(--accent)}.report-pill--active,.report-pill--active:hover{background:var(--accent);border-color:var(--accent);color:#fff}.report-popover__text{width:100%;padding:8px 12px;border-radius:8px;border:1px solid var(--border);background:var(--bg);color:var(--text);font-size:.8125rem;font-family:inherit;resize:none;transition:border-color .2s}.report-popover__text:focus{outline:0;border-color:var(--accent)}.report-popover__submit{padding:8px 16px;border-radius:10px;font-size:.8125rem;font-weight:600;background:var(--accent);color:#fff;cursor:pointer;transition:opacity .2s;font-family:inherit}.report-popover__submit:hover{opacity:.9}.report-popover__submit:disabled{opacity:.4;cursor:not-allowed}.report-popover__status{font-size:.75rem;color:var(--muted);margin:0;min-height:1em}.player__name--error{color:#d32f2f}.player__error-icon{color:#d32f2f;font-size:1em}.player__report-link{color:var(--accent);cursor:pointer;text-decoration:underline;font-size:inherit}.player__report-link:hover{opacity:.7}.report-popover__success{color:#2e7d32;font-weight:600}.player__fav-btn{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:50%;transition:background .2s,transform .2s;color:var(--text)}.player__fav-btn:hover{background:var(--border)}.player__fav-btn--active{color:var(--heart-fill)}.player__fav-btn--active .icon-heart{fill:var(--heart-fill);stroke:var(--heart-fill)}.player__fav-btn--animate{animation:heart-pop .4s ease}.player__share-btn{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:50%;transition:background .2s,transform .2s;color:var(--text);position:relative}.player__share-btn:hover{background:var(--border)}.player__share-btn[hidden]{display:none}.share-tooltip{position:absolute;bottom:100%;left:50%;transform:translateX(-50%);margin-bottom:8px;padding:6px 12px;background:var(--text);color:var(--bg);font-size:.75rem;font-weight:500;border-radius:6px;white-space:nowrap;pointer-events:none;opacity:0;transition:opacity .2s}.share-tooltip--visible{opacity:1}.station-hero__share-btn{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:50%;background:var(--surface);border:1px solid var(--border);color:var(--text);cursor:pointer;transition:border-color .2s,color .2s,box-shadow .2s;position:relative}.station-hero__share-btn:hover{border-color:var(--accent);color:var(--accent);box-shadow:0 2px 8px var(--shadow)}@media (max-width:767px){.header__title{font-size:0;width:0;overflow:hidden}.header__search{max-width:none}.main{padding:72px 16px 80px}.player__shortcuts-btn,.player__shortcuts-hint,.player__volume,.shortcuts-popover{display:none}.station-card__fav,.station-card__link{opacity:1}.player__inner{padding:12px;gap:8px}.player__play-btn{width:40px;height:40px}.player__play-btn svg{width:24px;height:24px}}@media (min-width:768px) and (max-width:1023px){.main{padding:80px 24px 96px}}.empty-state__btn,.filter-pill,.header,.header__search-input,.player,.player__play-btn,.station-card,.timer-popover{transition-property:background,background-color,border-color,color,box-shadow;transition-duration:.3s;transition-timing-function:ease}.player{transition:transform .3s cubic-bezier(.4,0,.2,1),background .3s ease,border-color .3s ease}.station-links{display:flex;align-items:center;flex-wrap:wrap;gap:8px;margin-top:16px;padding-top:16px;border-top:1px solid var(--border)}.station-link{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;border-radius:10px;font-weight:500;color:var(--muted);text-decoration:none;transition:color .2s,background .2s}.station-link:hover{color:var(--accent);background:var(--bg)}.station-link,.station-link span{font-size:.8125rem}.footer__contact-link{color:var(--accent);text-decoration:none;font-size:.875rem;font-weight:500;cursor:pointer}.footer__contact-link:hover{text-decoration:underline}.contact-modal[hidden]{display:none}.contact-modal{position:fixed;top:0;left:0;width:100%;height:100%;z-index:200;display:flex;align-items:center;justify-content:center}.contact-modal__overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.5)}.contact-modal__content{position:relative;background:var(--surface);border-radius:16px;padding:24px;width:90%;max-width:420px;max-height:90vh;overflow-y:auto;box-shadow:0 16px 48px rgba(0,0,0,.2)}.contact-modal__header{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}.contact-modal__title{font-size:1.125rem;font-weight:600;color:var(--text);margin:0}.contact-modal__close{width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.25rem;color:var(--muted);transition:background .2s}.contact-modal__close:hover{background:var(--border)}.header__actions{display:flex;align-items:center;gap:4px;flex-shrink:0}.header__recents-wrapper{position:relative;flex-shrink:0}.header__recents-btn{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:50%;color:var(--muted);transition:color .2s,background .2s}.header__recents-btn:hover{color:var(--text);background:var(--border)}.recents-popover{position:absolute;top:calc(100% + 8px);right:0;background:var(--surface);border:1px solid var(--border);border-radius:14px;padding:12px;box-shadow:0 8px 32px var(--shadow-hover);min-width:240px;max-width:300px;max-height:400px;overflow-y:auto;z-index:120}.recents-popover[hidden]{display:none}.recents-popover__section-title{font-size:.6875rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--muted);margin:0 0 8px;padding:0 4px}.recents-popover__section-title:not(:first-child){margin-top:12px;padding-top:12px;border-top:1px solid var(--border)}.recents-popover__item{display:flex;align-items:center;gap:10px;padding:8px;border-radius:10px;text-decoration:none;color:var(--text);cursor:pointer;transition:background .15s}.recents-popover__item:hover{background:var(--bg)}.recents-popover__item-logo{width:32px;height:32px;border-radius:8px;object-fit:cover;flex-shrink:0}.recents-popover__item-placeholder{width:32px;height:32px;border-radius:8px;background:var(--bg);display:flex;align-items:center;justify-content:center;flex-shrink:0;color:var(--muted)}.recents-popover__item-name{font-size:.8125rem;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.recents-popover__empty{font-size:.8125rem;color:var(--muted);text-align:center;padding:16px 8px;margin:0}.explore-section{margin:48px 0 32px}.explore-section__block{margin-bottom:24px}.explore-section__block:last-child{margin-bottom:0}.explore-section__title{font-size:1.125rem;font-weight:600;color:var(--text);margin:0}.explore-section__pills{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}.explore-pill,.toast{background:var(--surface);color:var(--text);border:1px solid var(--border);font-size:.875rem;font-weight:500}.explore-pill{display:inline-flex;align-items:center;padding:8px 18px;border-radius:20px;text-decoration:none;transition:border-color .2s,color .2s,box-shadow .2s}.explore-pill:hover{border-color:var(--accent);color:var(--accent);box-shadow:0 2px 8px var(--shadow)}.toast{position:fixed;top:24px;left:50%;transform:translateX(-50%) translateY(-120%);border-radius:14px;padding:14px 24px;box-shadow:0 8px 32px var(--shadow-hover);z-index:200;opacity:0;transition:transform .35s cubic-bezier(.4,0,.2,1),opacity .35s cubic-bezier(.4,0,.2,1);pointer-events:none;white-space:nowrap}.toast--visible{transform:translateX(-50%) translateY(0);opacity:1}.player__timer-btn--active{width:auto;border-radius:16px;padding:0 10px}.player--buffering .player__play-btn{position:relative;pointer-events:none}.player--buffering .player__play-btn svg{visibility:hidden}.player--buffering .player__play-btn::after{content:"";position:absolute;inset:4px;border-radius:50%;border:2.5px solid rgba(255,255,255,.25);border-top-color:#fff;animation:spin .7s linear infinite}.player--buffering .player__station-name::after{content:" — Cargando...";color:var(--muted);font-weight:400;font-size:.75rem}.footer{padding:40px 20px 120px;border-top:1px solid var(--border)}.footer__inner{max-width:1200px;margin:0 auto;display:grid;grid-template-columns:repeat(4,1fr);gap:32px}.footer__heading{font-size:.6875rem;font-weight:600;letter-spacing:.05em;text-transform:uppercase;color:var(--muted);margin:0 0 10px}.footer__links{display:flex;flex-wrap:wrap;gap:6px 12px}.footer__link{font-size:.8125rem;color:var(--text);text-decoration:none;opacity:.7;transition:opacity .15s}.footer__link:hover{opacity:1;text-decoration:underline}.footer__about{font-size:.8125rem;color:var(--muted);line-height:1.5;margin:0 0 12px}.footer__bottom{grid-column:1/-1;padding-top:20px;border-top:1px solid var(--border)}.footer__legal{display:flex;gap:16px;margin-bottom:8px}.footer__copy,.footer__legal .footer__link{font-size:.75rem}.footer__copy{color:var(--muted);margin:0}.contact-form{display:flex;flex-direction:column;gap:8px}.contact-form__input,.contact-form__select,.contact-form__textarea{width:100%;padding:8px 10px;font-size:.8125rem;font-family:inherit;color:var(--text);background:var(--surface);border:1px solid var(--border);border-radius:8px;outline:0;transition:border-color .15s;box-sizing:border-box}.contact-form__input:focus,.contact-form__select:focus,.contact-form__textarea:focus{border-color:var(--accent, #007AFF)}.contact-form__textarea{resize:vertical;min-height:60px}.contact-form__counter{font-size:.6875rem;color:var(--muted)}.contact-form__hp{position:absolute;left:-9999px;opacity:0;height:0;width:0}.contact-form__btn{align-self:flex-start;padding:8px 20px;font-size:.8125rem;font-weight:500;font-family:inherit;color:#fff;background:var(--accent, #007AFF);border:0;border-radius:8px;cursor:pointer;transition:opacity .15s}.contact-form__btn:hover{opacity:.85}.contact-form__btn:disabled{opacity:.5;cursor:not-allowed}.contact-form__status{font-size:.8125rem;margin:0;min-height:1.2em}.contact-form__status--success{color:#34c759}.contact-form__status--error{color:#ff3b30}.spa-progress{position:fixed;top:0;left:0;height:3px;background:var(--accent);z-index:9999;pointer-events:none;transition:width .3s ease,opacity .2s ease}@media (max-width:768px){.footer__inner{grid-template-columns:1fr;gap:24px}}