:root{color-scheme:dark;/* Colors */--bg:#0b1020;--container-bg:#0d1324;--surface:#111a2e;--surface2:#15213a;--border:rgba(255,255,255,0.08);--border-hover:rgba(255,255,255,0.12);--border-focus:rgba(255,255,255,0.2);--text:rgba(255,255,255,0.92);--text-secondary:rgba(255,255,255,0.78);--muted:rgba(255,255,255,0.65);--muted-light:rgba(255,255,255,0.5);--accent-bg:rgba(255,255,255,0.95);--radius:16px;/* Links */--link:rgba(255,255,255,0.78);--link-hover:rgba(255,255,255,0.95);--link-visited:rgba(255,255,255,0.62);/* Focus */--ring:0 0 0 3px rgba(255,255,255,0.2);/* Player */--player-height:80px;/* Design System:Spacing Scale (8px base) */--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;--space-7:32px;--space-8:40px;--space-9:48px;/* Design System:Typography Scale */--font-size-xs:11px;--font-size-sm:12px;--font-size-base:13px;--font-size-md:14px;--font-size-lg:15px;--font-size-xl:16px;--font-size-2xl:17px;--font-size-3xl:18px;--font-size-4xl:20px;--font-size-5xl:22px;--font-size-6xl:24px;--font-size-7xl:28px;--font-size-8xl:32px;/* Design System:Line Heights */--line-height-tight:1.2;--line-height-normal:1.4;--line-height-relaxed:1.5;--line-height-loose:1.75;/* Design System:Transitions */--transition-fast:0.15s cubic-bezier(0.4,0,0.2,1);--transition-base:0.2s cubic-bezier(0.4,0,0.2,1);--transition-slow:0.3s cubic-bezier(0.4,0,0.2,1);--transition-bounce:0.3s cubic-bezier(0.68,-0.55,0.265,1.55);/* Design System:Shadows */--shadow-sm:0 2px 4px rgba(0,0,0,0.2);--shadow-md:0 4px 12px rgba(0,0,0,0.3);--shadow-lg:0 6px 20px rgba(0,0,0,0.4);--shadow-xl:0 8px 24px rgba(0,0,0,0.5);}*{margin:0;padding:0;box-sizing:border-box;}@media (prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:0.01ms !important;animation-iteration-count:1 !important;transition-duration:0.01ms !important;}}body{font-family:system-ui,-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,Oxygen,Ubuntu,Cantarell,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;padding-bottom:var(--player-height);}/* SPA Navigation Loading Indicator */html.is-spa-loading{cursor:progress;}html.is-spa-loading *{cursor:progress !important;}html.is-spa-loading::before{content:'';position:fixed;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--accent-bg),rgba(255,255,255,0.3));z-index:10000;animation:spa-loading-progress 1.5s ease-in-out infinite;}@keyframes spa-loading-progress{0%{transform:translateX(-100%);}50%{transform:translateX(0%);}100%{transform:translateX(100%);}}/* Global link styles */a{color:var(--link);text-decoration:none;text-underline-offset:3px;transition:color 0.2s,text-decoration-color 0.2s;}a:hover{color:var(--link-hover);}a:visited{color:var(--link-visited);}a:focus-visible{outline:none;box-shadow:var(--ring);border-radius:10px;}.text-page a,.text-page__content a{color:rgba(255,255,255,0.9);text-decoration:underline;text-decoration-color:rgba(255,255,255,0.4);text-underline-offset:2px;transition:color 0.2s,text-decoration-color 0.2s;}.text-page a:hover,.text-page__content a:hover{color:rgba(255,255,255,1);text-decoration-color:rgba(255,255,255,0.7);}.text-page a:visited,.text-page__content a:visited{color:rgba(255,255,255,0.75);text-decoration-color:rgba(255,255,255,0.35);}.container{max-width:1200px;margin:0 auto;padding:0 20px;}#app-content{background-color:var(--container-bg);border-radius:var(--radius);margin:8px auto;max-width:1200px;padding:8px 4px;}/* Header */.header{position:sticky;top:0;z-index:100;padding:16px 0;backdrop-filter:blur(8px) saturate(180%);background-color:rgba(11,16,32,0.85);}.header__inner{display:flex;align-items:center;gap:24px;flex-wrap:wrap;position:relative;}.content__ads{margin-bottom:16px;margin-top:0;}.content__ads.ad-placeholder_banner{min-height:90px;width:100%;max-width:728px;background-color:var(--surface);border:1px solid var(--border);border-radius:var(--radius);align-items:center;color:var(--muted);font-size:14px;text-align:center;}/* Breadcrumbs */.breadcrumbs{margin-bottom:24px;}.breadcrumbs__list{display:flex;align-items:center;flex-wrap:wrap;gap:8px;list-style:none;padding:0;margin:0;font-size:14px;}.breadcrumbs__item{display:flex;align-items:center;color:var(--muted);}.breadcrumbs__item:not(:last-child)::after{content:'/';margin-left:8px;color:var(--muted);opacity:0.5;}.breadcrumbs__link{color:var(--link);text-decoration:none;transition:color 0.2s;}.breadcrumbs__link:hover{color:var(--link-hover);}.breadcrumbs__current{color:var(--text);font-weight:500;}@media (max-width:768px){.breadcrumbs{margin-bottom:20px;}.breadcrumbs__list{font-size:13px;gap:6px;}.breadcrumbs__item:not(:last-child)::after{margin-left:6px;}}/* Playlist Page */.playlist-page{margin-top:0;}.playlist-page__description{font-size:16px;color:var(--muted);margin:0 0 32px 0;line-height:1.6;}/* Playlist Tabs */.playlist-tabs{display:flex;gap:0;margin-bottom:32px;border-bottom:1px solid var(--border);padding-bottom:0;}.playlist-tabs__tab{display:flex;align-items:center;justify-content:center;flex:1;padding:12px 20px;background:none;border:none;border-bottom:2px solid transparent;color:var(--muted);font-size:15px;font-weight:500;cursor:pointer;transition:color 0.2s,border-color 0.2s,background-color 0.2s;margin-bottom:-1px;white-space:nowrap;}.playlist-tabs__tab:hover{color:var(--text);background-color:var(--surface);}.playlist-tabs__tab[aria-selected="true"]{color:var(--text);border-bottom-color:var(--text);}.playlist-tabs__tab:focus-visible{outline:none;box-shadow:var(--ring);border-radius:var(--radius);}/* Playlist Day Container */.playlist-day{display:block;}.playlist-day--hidden{display:none;}@media (max-width:768px){.playlist-tabs{margin-bottom:24px;}.playlist-tabs__tab{padding:10px 14px;font-size:14px;}}@media (max-width:480px){.playlist-tabs{overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none;margin-bottom:20px;}.playlist-tabs::-webkit-scrollbar{display:none;}.playlist-tabs__tab{padding:8px 12px;font-size:13px;flex-shrink:0;}}.logo{display:flex;align-items:center;gap:10px;text-decoration:none;transition:opacity 0.2s;min-width:0;flex:0 1 auto;}.logo:hover{opacity:0.8;}.logo__img,.logo__image{width:36px;height:36px;display:block;flex-shrink:0;object-fit:contain;}.logo__text{font-size:20px;font-weight:600;color:var(--text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0;}.header-favorites{height:40px;padding:0 16px;background-color:var(--surface);border:1px solid var(--border);border-radius:var(--radius);color:var(--text);cursor:pointer;display:flex;align-items:center;justify-content:center;gap:8px;transition:background-color 0.2s,border-color 0.2s;flex-shrink:0;text-decoration:none;margin-left:auto;font-size:15px;font-weight:500;white-space:nowrap;}.header-favorites:hover{background-color:var(--surface2);border-color:rgba(255,255,255,0.15);}.header-favorites:focus-visible{outline:none;box-shadow:var(--ring);}.header-favorites svg{width:18px;height:18px;flex-shrink:0;stroke:currentColor;fill:none;}.header-favorites__text{display:inline;}/* Header Search Toggle */.header-search-toggle{display:none;height:40px;width:40px;padding:0;background-color:var(--surface);border:1px solid var(--border);border-radius:var(--radius);color:var(--text);cursor:pointer;align-items:center;justify-content:center;transition:background-color 0.2s,border-color 0.2s;flex-shrink:0;}.header-search-toggle:hover{background-color:var(--surface2);border-color:rgba(255,255,255,0.15);}.header-search-toggle:focus-visible{outline:none;box-shadow:var(--ring);}.header-search-toggle svg{width:18px;height:18px;flex-shrink:0;stroke:currentColor;fill:none;}/* Header Search */.header-search{position:relative;display:flex;gap:8px;flex:1;min-width:0;max-width:700px;}.header-search input{flex:1;height:40px;padding:0 16px;background-color:var(--surface);border:1px solid var(--border);border-radius:var(--radius);color:var(--text);font-size:14px;transition:background-color 0.2s,border-color 0.2s;min-width:0;}.header-search input:focus{outline:none;background-color:var(--surface2);border-color:rgba(255,255,255,0.15);}.header-search input::placeholder{color:var(--muted);}.header-search button{height:40px;width:40px;padding:0;background-color:var(--surface);border:1px solid var(--border);border-radius:var(--radius);color:var(--text);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background-color 0.2s,border-color 0.2s;flex-shrink:0;}.header-search button:hover{background-color:var(--surface2);border-color:rgba(255,255,255,0.15);}.header-search button:focus-visible{outline:none;box-shadow:var(--ring);}.header-search button svg{width:18px;height:18px;flex-shrink:0;}/* Layout */.layout{display:grid;grid-template-columns:1fr 320px;gap:32px;padding:20px 20px 32px 20px;background-color:var(--container-bg);border-radius:var(--radius);}.content{min-width:0;}/* Typography */h1{font-size:32px;font-weight:650;line-height:1.2;margin-top:0;margin-bottom:32px;color:var(--text);letter-spacing:-0.02em;}h2{font-size:22px;font-weight:600;margin-bottom:20px;color:var(--text);letter-spacing:-0.01em;}/* Cities Section */.cities-section{margin-bottom:32px;display:flex;flex-direction:column;align-items:flex-start;width:100%;}.cities-list{list-style:none;display:grid;grid-template-columns:repeat(4,1fr);gap:10px 12px;width:100%;padding:0;margin:0;}.cities-list li{margin:0;}.cities-list a{display:flex;align-items:center;justify-content:center;padding:0;background-color:var(--surface);border:1px solid var(--border);border-radius:var(--radius);color:var(--link);text-decoration:none;font-size:14px;font-weight:500;line-height:1.4;transition:all 0.2s ease;min-height:40px;box-sizing:border-box;width:100%;text-align:center;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}.cities-list a:hover{background-color:var(--surface2);border-color:rgba(255,255,255,0.2);color:var(--link-hover);transform:translateY(-1px);box-shadow:0 2px 8px rgba(0,0,0,0.1);}.cities-list a:focus-visible{outline:none;box-shadow:var(--ring);}.cities-list__item--hidden{display:none;}.cities-list.is-expanded .cities-list__item--hidden{display:list-item;}.cities-list li:nth-child(n+9){display:none;}.cities-list.is-expanded li:nth-child(n+9){display:list-item;}.cities-toggle{display:inline-flex;align-items:center;gap:8px;margin:24px auto 0;padding:0;background:none;border:none;color:var(--link);text-decoration:none;font-size:14px;cursor:pointer;transition:color 0.2s;}.cities-toggle:hover{color:var(--link-hover);}.cities-toggle:focus-visible{outline:none;box-shadow:var(--ring);}.cities-toggle__icon{width:16px;height:16px;transition:transform 0.2s;}.cities-toggle[aria-expanded="true"] .cities-toggle__icon{transform:rotate(180deg);}/* Blocks */.block{margin-bottom:48px;}/* Stations List */.stations{list-style:none;}.station{margin-bottom:8px;}.station__card{display:flex;align-items:center;justify-content:space-between;padding:12px;background-color:var(--surface);border:1px solid var(--border);border-radius:var(--radius);transition:background-color 0.2s,border-color 0.2s;}.station__card:hover{background-color:var(--surface2);border-color:rgba(255,255,255,0.1);}.station__card:focus-within{border-color:rgba(255,255,255,0.15);}.station__link{display:flex;align-items:center;gap:16px;text-decoration:none;flex:1;min-width:0;}.station__link img{width:56px;height:56px;border-radius:12px;object-fit:cover;flex-shrink:0;}.station__info{min-width:0;flex:1;}.station__title{font-size:17px;font-weight:500;color:var(--text);margin-bottom:4px;}.station__meta{font-size:14px;color:var(--muted);}.station__play{width:44px;height:44px;border-radius:50%;background-color:var(--accent-bg);border:none;color:var(--bg);cursor:pointer;display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:opacity 0.2s,transform 0.2s,box-shadow 0.2s,background-color 0.2s;box-shadow:0 4px 12px rgba(0,0,0,0.3);opacity:0;pointer-events:none;}.station__card:hover .station__play,.station__play.is-playing,.station__play.is-loading,.station__play.is-active{opacity:1;pointer-events:auto;}.station__play:hover{background-color:rgba(255,255,255,1);transform:scale(1.1);box-shadow:0 6px 20px rgba(0,0,0,0.4);}.station__play:active{transform:scale(0.95);}.station__play:focus-visible{outline:none;opacity:1;pointer-events:auto;box-shadow:0 0 0 3px rgba(255,255,255,0.3),0 0 0 6px rgba(255,255,255,0.15),0 6px 20px rgba(0,0,0,0.4);}.station__play svg{width:28px;height:28px;}.station__play .station__play-icon{width:28px;height:28px;}.station__favorite{width:36px;height:36px;border-radius:50%;background-color:transparent;border:none;color:var(--muted);cursor:pointer;display:flex;align-items:center;justify-content:center;flex-shrink:0;margin-right:8px;transition:opacity 0.2s,transform 0.2s,color 0.2s;opacity:0;pointer-events:none;}.station__card:hover .station__favorite,.station__favorite[aria-pressed="true"],.station__favorite:focus-visible{opacity:1;pointer-events:auto;}.station__favorite:hover{color:var(--accent);transform:scale(1.1);}.station__favorite:active{transform:scale(0.95);}.station__favorite[aria-pressed="true"]{color:var(--accent);opacity:1;pointer-events:auto;}.station__favorite svg{width:18px;height:18px;}.station__favorite[aria-pressed="true"] svg{fill:currentColor;}/* Sidebar */.sidebar{display:flex;flex-direction:column;gap:16px;}.ad-box.ad-placeholder{min-height:600px;display:flex;align-items:center;justify-content:center;background-color:var(--surface);border:1px solid var(--border);border-radius:var(--radius);position:relative;overflow:hidden;color:var(--muted);font-size:14px;text-align:center;padding:20px;margin-bottom:var(--space-6);}.sidebar__block{background-color:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:20px;}.sidebar__app{display:flex;flex-direction:column;gap:14px;padding:20px 20px 12px 20px;}.sidebar__app-content{display:flex;flex-direction:column;gap:8px;}.sidebar__app-title{font-size:18px;font-weight:600;color:var(--text);line-height:1.3;margin:0 0 20px 0;}.sidebar__app-desc{font-size:13px;color:var(--muted);line-height:1.4;margin:0;}.sidebar__app-links{display:flex;flex-direction:row;gap:8px;justify-content:center;}.sidebar__app-link{display:block;transition:opacity 0.2s;flex:1;}.sidebar__app-link:hover{opacity:0.8;}.sidebar__app-link img{display:block;width:135px;height:40px;object-fit:contain;}@media (max-width:450px){.sidebar__app-link img{width:160px;height:48px;}}.sidebar__block h2{font-size:18px;margin-bottom:20px;color:var(--text);}.links{list-style:none;}.links li{margin-bottom:8px;}.links__item--hidden{display:none;}.links.is-expanded .links__item--hidden{display:list-item;}.links a{color:var(--link);text-decoration:none;font-size:15px;transition:color 0.2s;display:block;padding:4px 0;}.links a:hover{color:var(--link-hover);}.genres-toggle{display:inline-flex;align-items:center;gap:8px;margin-top:12px;padding:0;background:none;border:none;color:var(--link);text-decoration:none;font-size:14px;cursor:pointer;transition:color 0.2s;}.genres-toggle:hover{color:var(--link-hover);}.genres-toggle:focus-visible{outline:none;}/* Sidebar Recommended Stations */.sidebar-stations{list-style:none;}.sidebar-station{margin-bottom:12px;}.sidebar-station:last-child{margin-bottom:0;}.sidebar-station__link{display:flex;align-items:center;gap:12px;text-decoration:none;padding:8px;border-radius:var(--radius);transition:background-color 0.2s;flex:1;min-width:0;}.sidebar-station__link:hover{background-color:var(--surface2);}.sidebar-station__logo{width:48px;height:48px;border-radius:10px;object-fit:cover;flex-shrink:0;}.sidebar-station__info{min-width:0;flex:1;}.sidebar-station__title{font-size:15px;font-weight:500;color:var(--text);margin-bottom:2px;line-height:1.3;}.sidebar-station__meta{font-size:13px;color:var(--muted);line-height:1.3;}@media (max-width:768px){.sidebar-station__logo{width:44px;height:44px;}.sidebar-station__title{font-size:14px;}.sidebar-station__meta{font-size:12px;}}@media (max-width:450px){.sidebar-station__logo{width:40px;height:40px;}.sidebar-station__title{font-size:13px;}.sidebar-station__meta{font-size:11px;}}.genres-toggle__icon{width:16px;height:16px;transition:transform 0.2s;}.genres-toggle[aria-expanded="true"] .genres-toggle__icon{transform:rotate(180deg);}.charts-item--hidden{display:none;}/* Charts */.charts-list{list-style:none;margin:0;padding:0;}.charts-item{display:flex;align-items:center;gap:10px;padding:10px 0;border-bottom:1px solid var(--border);}.charts-item:last-child{border-bottom:none;}.charts-item--hidden{display:none;}.charts-rank{flex-shrink:0;width:20px;font-size:14px;font-weight:600;color:var(--muted);text-align:center;}.charts-cover{flex-shrink:0;width:36px;height:36px;border-radius:6px;object-fit:cover;}.charts-info{flex:1;min-width:0;}.charts-title{font-size:13px;font-weight:500;color:var(--text);margin-bottom:2px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}.charts-artist{font-size:11px;color:var(--muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}.charts-actions{display:flex;align-items:center;gap:6px;flex-shrink:0;}.charts-play{width:28px;height:28px;border-radius:50%;background-color:rgba(255,255,255,1);border:none;color:#000;cursor:pointer;display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:opacity 0.2s,transform 0.2s,box-shadow 0.2s,background-color 0.2s;box-shadow:0 4px 12px rgba(0,0,0,0.3);}.charts-play:hover{background-color:rgba(255,255,255,1);transform:scale(1.1);box-shadow:0 6px 20px rgba(0,0,0,0.4);}.charts-play:active{transform:scale(0.95);}.charts-play:focus-visible{outline:none;box-shadow:0 0 0 3px rgba(255,255,255,0.3),0 0 0 6px rgba(255,255,255,0.15),0 6px 20px rgba(0,0,0,0.4);}.charts-play svg{width:16px;height:16px;fill:#000;}.charts-youtube{display:flex;align-items:center;justify-content:center;width:28px;height:28px;color:var(--muted);transition:color 0.2s,transform 0.2s;}.charts-youtube:hover{color:#ff0000;transform:scale(1.1);}.charts-youtube svg{width:16px;height:16px;}@media (max-width:768px){.charts-item{gap:8px;padding:8px 0;}.charts-rank{width:18px;font-size:12px;}.charts-cover{width:32px;height:32px;}.charts-title{font-size:12px;}.charts-artist{font-size:10px;}.charts-actions{gap:4px;}.charts-play{width:24px;height:24px;}.charts-play svg{width:14px;height:14px;}.charts-youtube{width:24px;height:24px;}.charts-youtube svg{width:14px;height:14px;}}/* Countries Section */.countries-section{background-color:var(--container-bg);border-radius:var(--radius);margin:8px auto;max-width:1200px;padding:20px;}.countries-section .container{padding:0;}.countries-section__inner{display:flex;flex-wrap:wrap;gap:16px;justify-content:center;align-items:center;padding:16px 8px;}.countries-section__inner a{display:block;transition:opacity 0.2s,transform 0.2s;border-radius:4px;}.countries-section__inner a:hover{opacity:0.7;transform:scale(1.1);}.countries-section__inner img{display:block;width:25px;height:25px;}/* Player */.player{position:fixed;bottom:0;left:0;right:0;z-index:200;backdrop-filter:blur(8px) saturate(180%);background-color:rgba(11,16,32,0.85);border-top:1px solid var(--border);padding:12px 0;transform:translateY(100%);transition:transform 0.3s ease;}#player-audio{display:none;}.player.is-visible{transform:translateY(0);}.player__inner{max-width:1200px;margin:0 auto;padding:0 20px;display:flex;align-items:center;justify-content:space-between;gap:16px;}.player__info{display:flex;align-items:center;gap:12px;flex:1;min-width:0;}.player__cover{width:56px;height:56px;border-radius:12px;object-fit:cover;flex-shrink:0;}.player__details{flex:1;min-width:0;}.player__title{font-size:14px;font-weight:500;color:var(--text);margin-bottom:4px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}.player__meta{font-size:12px;color:var(--muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}.player__controls{display:flex;align-items:center;gap:12px;flex-shrink:0;}.player__favorite{width:48px;height:48px;border-radius:50%;background:none;border:none;color:var(--text);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:color 0.2s,transform 0.2s;flex-shrink:0;}.player__favorite:hover{color:#ea580c;transform:scale(1.1);}.player__favorite:hover svg{fill:#ea580c;stroke:#ea580c;}.player__favorite[aria-pressed="true"]{color:#ea580c;}.player__favorite[aria-pressed="true"] svg{fill:#ea580c;stroke:#ea580c;}.player__favorite[aria-pressed="true"]:hover{color:#c2410c;}.player__favorite[aria-pressed="true"]:hover svg{fill:#c2410c;stroke:#c2410c;}.player__favorite:focus-visible{outline:none;box-shadow:var(--ring);border-radius:50%;}.player__favorite svg{width:26px;height:26px;flex-shrink:0;stroke:currentColor;fill:none;transition:fill 0.2s,stroke 0.2s;}.player__play{width:44px;height:44px;border-radius:50%;background-color:var(--accent-bg);border:none;color:var(--bg);cursor:pointer;display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:opacity 0.2s,transform 0.2s,box-shadow 0.2s,background-color 0.2s;box-shadow:0 4px 12px rgba(0,0,0,0.3);position:relative;}.player__play:hover{background-color:rgba(255,255,255,1);transform:scale(1.1);box-shadow:0 6px 20px rgba(0,0,0,0.4);}.player__play:active{transform:scale(0.95);}.player__play:focus-visible{outline:none;box-shadow:0 0 0 3px rgba(255,255,255,0.3),0 0 0 6px rgba(255,255,255,0.15),0 6px 20px rgba(0,0,0,0.4);}.player__play svg{width:28px;height:28px;}/* Loading spinner */.player__play .player__spinner,.station__play .station__spinner{display:none;width:20px;height:20px;border:2px solid rgba(0,0,0,0.2);border-top-color:var(--bg);border-radius:50%;animation:spin 0.8s linear infinite;position:absolute;top:50%;left:50%;margin-top:-10px;margin-left:-10px;}.player__play.is-loading .player__spinner,.station__play.is-loading .station__spinner{display:block;}.player__play.is-loading svg,.station__play.is-loading svg{opacity:0;}.player__play,.station__play{position:relative;}@keyframes spin{to{transform:rotate(360deg);}}.player__volume{position:relative;display:flex;align-items:center;}.player__volume-toggle{width:40px;height:40px;border-radius:50%;background:none;border:none;color:var(--muted);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:color 0.2s,transform 0.2s;flex-shrink:0;}.player__volume-toggle:hover{color:var(--text);transform:scale(1.1);}.player__volume-toggle:focus-visible{outline:none;box-shadow:var(--ring);border-radius:50%;}.player__volume-toggle svg{width:26px;height:26px;}.player__volume-slider-wrapper{position:absolute;bottom:calc(100% - 8px);left:50%;transform:translateX(-50%);width:48px;height:140px;display:flex;align-items:center;justify-content:center;opacity:0;visibility:hidden;transition:opacity 0.2s,visibility 0.2s;pointer-events:none;padding:12px 16px;background-color:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:0 4px 12px rgba(0,0,0,0.3);z-index:10;}.player__volume-slider-wrapper::before{content:'';position:absolute;bottom:-8px;left:50%;transform:translateX(-50%);width:40px;height:8px;background:transparent;pointer-events:auto;}.player__volume:hover .player__volume-slider-wrapper,.player__volume-slider-wrapper:hover{opacity:1;visibility:visible;pointer-events:auto;}.player__volume-slider{width:120px;height:4px;border-radius:2px;background:var(--border);outline:none;-webkit-appearance:none;appearance:none;cursor:pointer;transform:rotate(-90deg);transform-origin:center center;position:relative;margin:0;display:block;}.player__volume-slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:16px;height:16px;border-radius:50%;background:var(--text);cursor:pointer;transition:transform 0.2s,background-color 0.2s;box-shadow:0 2px 6px rgba(0,0,0,0.3);border:2px solid var(--surface);margin-top:-6px;}.player__volume-slider::-webkit-slider-thumb:hover,.player__volume-slider::-webkit-slider-thumb:active{transform:scale(1.2);background:var(--accent-bg);box-shadow:0 3px 8px rgba(0,0,0,0.4);}.player__volume-slider::-moz-range-thumb{width:16px;height:16px;border-radius:50%;background:var(--text);cursor:pointer;border:2px solid var(--surface);transition:transform 0.2s,background-color 0.2s;box-shadow:0 2px 6px rgba(0,0,0,0.3);}.player__volume-slider::-moz-range-thumb:hover,.player__volume-slider::-moz-range-thumb:active{transform:scale(1.2);background:var(--accent-bg);box-shadow:0 3px 8px rgba(0,0,0,0.4);}.player__volume-slider::-webkit-slider-runnable-track{height:4px;background:var(--border);border-radius:2px;width:100%;}.player__volume-slider::-moz-range-track{height:4px;background:var(--border);border-radius:2px;width:100%;}@media (max-width:768px){.player__inner{padding:0 16px;gap:10px;}.player__cover{width:48px;height:48px;}.player__title{font-size:13px;}.player__meta{font-size:11px;}.player__favorite{width:40px;height:40px;}.player__favorite svg{width:22px;height:22px;}.player__play{width:44px;height:44px;}.player__play svg{width:24px;height:24px;}.player__volume-toggle{width:36px;height:36px;}.player__volume-toggle svg{width:22px;height:22px;}.player__volume-slider-wrapper{height:100px;margin-bottom:10px;}.player__volume-slider{width:100px;}}/* Footer */.footer{padding:32px 0;background-color:rgba(11,16,32,0.85);}.footer__links{list-style:none;display:flex;flex-wrap:wrap;justify-content:center;gap:24px;margin-bottom:20px;}.footer__links li{margin:0;}.footer__links a{color:var(--link);text-decoration:none;font-size:14px;transition:color 0.2s;}.footer__links a:hover{color:var(--link-hover);}.footer__copyright{text-align:center;color:var(--muted);font-size:14px;margin:0;}.footer__text{text-align:center;color:var(--muted);font-size:14px;margin:0;}/* Screen reader only */.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0;}/* Mobile */@media (max-width:768px){.header__inner{gap:12px;flex-wrap:nowrap;position:relative;}.logo{order:1;flex:1 1 0;min-width:0;z-index:2;overflow:hidden;}.logo__text{font-size:16px;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}.header-search-toggle{display:flex;order:3;flex:0 0 auto;z-index:3;margin-left:auto;}.header-favorites{order:4;height:40px;width:40px;padding:0;flex:0 0 auto;z-index:2;margin-left:0;}.header-favorites svg{width:18px;height:18px;}.header-favorites__text{display:none;}.header-search{order:2;position:absolute;left:0;top:0;right:0;width:0;overflow:hidden;opacity:0;visibility:hidden;transition:width 0.3s ease,opacity 0.3s ease,visibility 0.3s ease;z-index:10;background-color:var(--bg);border-radius:var(--radius);box-shadow:0 4px 12px rgba(0,0,0,0.3);border:1px solid var(--border);}.header-search.is-open{width:100%;opacity:1;visibility:visible;}.header-search input{height:40px;font-size:16px;padding:0 16px;border:none;background-color:transparent;flex:1;}.header-search button{height:40px;width:40px;border:none;background-color:transparent;flex-shrink:0;}.content__ads{margin-bottom:12px;}.layout{grid-template-columns:1fr;gap:20px;padding:20px 16px;}.footer{padding:24px 0;}h1{font-size:28px;}.cities-section{margin-bottom:24px;}.cities-list{grid-template-columns:repeat(3,1fr);gap:8px 10px;}.cities-list li:nth-child(n+7){display:none;}.cities-list.is-expanded li:nth-child(n+7){display:list-item;}.cities-list a{padding:6px 12px;font-size:13px;}.station__card{padding:16px;}.station__play{width:48px;height:48px;opacity:1;pointer-events:auto;}.station__play svg,.station__play .station__play-icon{width:26px;height:26px;}.sidebar__app-links{gap:8px;}.sidebar__app-link img{max-width:160px;}}@media (max-width:480px){.container{padding:0 12px;}#app-content{padding:4px;margin:4px auto;}.header{padding:12px 0;}.header__inner{gap:10px;}.logo__text{font-size:14px;}.header-search-toggle{height:40px;width:40px;}.header-search-toggle svg{width:18px;height:18px;}.header-favorites{height:40px;width:40px;}.header-favorites svg{width:18px;height:18px;}.header-search input{height:40px;font-size:16px;padding:0 14px;}.header-search button{height:40px;width:40px;}.layout{padding:20px 16px;}.content__ads.ad-placeholder_banner{min-height:90px;max-width:100%;}h1{font-size:24px;}.cities-list{grid-template-columns:repeat(3,1fr);gap:8px 10px;}.cities-list li:nth-child(n+7){display:none;}.cities-list.is-expanded li:nth-child(n+7){display:list-item;}.cities-list a{padding:8px 14px;font-size:13px;min-height:36px;}.station__link{gap:12px;}.station__link img{width:48px;height:48px;}.station__title{font-size:16px;}.station__meta{font-size:13px;}.logo__text{font-size:18px;}.countries-section__inner{gap:12px;}.footer__links{gap:16px;}.sidebar__app-link img{max-width:150px;}body{padding-bottom:70px;}}/* Pagination */.pagination{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:8px;margin-top:32px;padding-top:24px;}.pagination__link{display:inline-flex;align-items:center;justify-content:center;min-width:40px;height:40px;padding:0 12px;font-size:14px;font-weight:500;color:var(--muted);background-color:var(--surface);border:1px solid var(--border);border-radius:10px;text-decoration:none;transition:all 0.2s ease;}.pagination__link svg{width:16px;height:16px;flex-shrink:0;stroke:currentColor;}.pagination__link:hover{color:var(--text);background-color:var(--surface2);border-color:rgba(255,255,255,0.15);}.pagination__link--active{color:var(--text);background-color:var(--surface2);border-color:rgba(255,255,255,0.2);font-weight:600;}.pagination__link--prev,.pagination__link--next{padding:0 16px;font-weight:600;gap:6px;}.pagination__ellipsis{display:inline-flex;align-items:center;justify-content:center;min-width:40px;height:40px;color:var(--muted);font-size:14px;}@media (max-width:768px){.pagination{gap:6px;margin-top:24px;padding-top:20px;}.pagination__link{min-width:36px;height:36px;padding:0 10px;font-size:13px;}.pagination__link--prev,.pagination__link--next{padding:0 10px;font-size:14px;}.pagination__ellipsis{min-width:36px;height:36px;font-size:13px;}}/* Text Page */.text-page{margin-top:0;line-height:1.75;color:var(--muted);}.text-page h2,.text-page__content h2{font-size:22px;font-weight:600;color:var(--text);margin:48px 0 20px 0;line-height:1.3;letter-spacing:-0.01em;}.text-page h2:first-of-type,.text-page__content h2:first-of-type{margin-top:32px;}.text-page p,.text-page__content p{font-size:17px;color:var(--muted);margin:0 0 24px 0;line-height:1.75;}.text-page p:last-child,.text-page__content p:last-child{margin-bottom:0;}.text-page ul,.text-page__content ul{margin:24px 0;padding-left:0;color:var(--muted);list-style:none;}.text-page li,.text-page__content li{font-size:17px;line-height:1.75;margin-bottom:12px;padding-left:28px;position:relative;}.text-page li::before,.text-page__content li::before{content:'•';position:absolute;left:8px;color:var(--text);font-weight:600;}.text-page li:last-child,.text-page__content li:last-child{margin-bottom:0;}.text-page ul + p,.text-page p + ul,.text-page__content ul + p,.text-page__content p + ul{margin-top:24px;}.text-page h2 + p,.text-page__content h2 + p{margin-top:0;}@media (max-width:768px){.text-page{margin-top:0;}.text-page h2,.text-page__content h2{font-size:20px;margin-top:40px;margin-bottom:18px;}.text-page h2:first-of-type,.text-page__content h2:first-of-type{margin-top:28px;}.text-page p,.text-page__content p{font-size:16px;margin-bottom:20px;line-height:1.7;}.text-page ul,.text-page__content ul{margin:20px 0;}.text-page li,.text-page__content li{font-size:16px;margin-bottom:10px;padding-left:24px;line-height:1.7;}.text-page li::before,.text-page__content li::before{left:6px;}}@media (max-width:480px){.text-page{margin-top:0;}.text-page h2,.text-page__content h2{font-size:19px;margin-top:36px;margin-bottom:16px;}.text-page h2:first-of-type,.text-page__content h2:first-of-type{margin-top:24px;}.text-page p,.text-page__content p{font-size:15px;margin-bottom:18px;line-height:1.7;}.text-page ul,.text-page__content ul{margin:18px 0;}.text-page li,.text-page__content li{font-size:15px;margin-bottom:10px;padding-left:22px;line-height:1.7;}.text-page li::before,.text-page__content li::before{left:5px;}}/* Feedback Form */.feedback-form{margin-top:32px;}.feedback-form__field{margin-bottom:24px;}.feedback-form__label{display:block;font-size:15px;font-weight:500;color:var(--text);margin-bottom:8px;}.feedback-form__input,.feedback-form__textarea{width:100%;padding:12px 16px;background-color:var(--surface);border:1px solid var(--border);border-radius:var(--radius);color:var(--text);font-size:16px;font-family:inherit;line-height:1.5;transition:background-color 0.2s,border-color 0.2s;}.feedback-form__input:focus,.feedback-form__textarea:focus{outline:none;background-color:var(--surface2);border-color:rgba(255,255,255,0.2);}.feedback-form__input::placeholder,.feedback-form__textarea::placeholder{color:var(--muted);}.feedback-form__textarea{resize:vertical;min-height:120px;}.feedback-form__submit{padding:14px 32px;background-color:var(--accent-bg);border:none;border-radius:var(--radius);color:var(--bg);font-size:16px;font-weight:600;font-family:inherit;cursor:pointer;transition:opacity 0.2s,transform 0.2s,box-shadow 0.2s;box-shadow:0 4px 12px rgba(0,0,0,0.3);}.feedback-form__submit:hover{opacity:0.9;transform:translateY(-1px);box-shadow:0 6px 20px rgba(0,0,0,0.4);}.feedback-form__submit:active{transform:translateY(0);}.feedback-form__submit:focus-visible{outline:none;box-shadow:0 0 0 3px rgba(255,255,255,0.3),0 6px 20px rgba(0,0,0,0.4);}@media (max-width:768px){.feedback-form{margin-top:24px;}.feedback-form__field{margin-bottom:20px;}.feedback-form__input,.feedback-form__textarea{font-size:16px;padding:12px 14px;}.feedback-form__submit{width:100%;padding:14px 24px;}}/* Station Page */.station-page{margin-top:0;}.station-page__header{display:flex;gap:32px;align-items:center;margin-bottom:32px;padding-bottom:32px;border-bottom:1px solid var(--border);}.station-page__logo{width:160px;height:160px;border-radius:var(--radius);object-fit:cover;flex-shrink:0;background-color:var(--surface);border:1px solid var(--border);}.station-page__info{flex:1;min-width:0;}.station-page__title{font-size:32px;font-weight:650;line-height:1.2;margin:0 0 12px 0;color:var(--text);letter-spacing:-0.02em;}.station-page__meta{font-size:16px;color:var(--muted);margin-bottom:24px;}.station-page__meta-link{color:var(--link);text-decoration:none;transition:color 0.2s;}.station-page__meta-link:hover{color:var(--link-hover);text-decoration:underline;}.station-page__actions{display:flex;align-items:center;gap:16px;flex-wrap:wrap;}.station-page__play{display:inline-flex;align-items:center;justify-content:center;width:64px;height:64px;padding:0;background-color:var(--accent-bg);border:none;border-radius:50%;color:var(--bg);font-size:16px;font-weight:600;font-family:inherit;cursor:pointer;transition:opacity 0.2s,transform 0.2s,box-shadow 0.2s;box-shadow:0 4px 12px rgba(0,0,0,0.3);position:relative;}.station-page__play:hover{opacity:0.9;transform:translateY(-1px);box-shadow:0 6px 20px rgba(0,0,0,0.4);}.station-page__play:active{transform:translateY(0);}.station-page__play:focus-visible{outline:none;box-shadow:0 0 0 3px rgba(255,255,255,0.3),0 6px 20px rgba(0,0,0,0.4);}.station-page__play svg{width:48px;height:48px;flex-shrink:0;transition:opacity 0.2s;}.station-page__play.is-loading{opacity:0.7;cursor:wait;}.station-page__play.is-loading svg{opacity:0;}.station-page__play.is-loading::before{content:'';position:absolute;width:32px;height:32px;border:3px solid rgba(0,0,0,0.2);border-top-color:currentColor;border-radius:50%;animation:spin 1s linear infinite;}.station-page__favorite-wrapper{display:inline-flex;align-items:center;gap:12px;}.station-page__favorite{display:inline-flex;align-items:center;gap:8px;padding:12px 20px;background-color:var(--surface);border:1px solid var(--border);border-radius:var(--radius);color:var(--text);font-size:14px;font-weight:500;font-family:inherit;cursor:pointer;transition:background-color 0.2s,border-color 0.2s,color 0.2s,transform 0.2s;}.station-page__favorite:hover{background-color:#ea580c;border-color:#ea580c;color:#ffffff;transform:translateY(-1px);}.station-page__favorite:hover .station-page__favorite-icon{fill:#ffffff;stroke:#ffffff;}.station-page__favorite:active{transform:translateY(0);}.station-page__favorite[aria-pressed="true"]{background-color:#ea580c;border-color:#ea580c;color:#ffffff;}.station-page__favorite[aria-pressed="true"]:hover{background-color:#c2410c;border-color:#c2410c;}.station-page__favorite-icon{width:18px;height:18px;flex-shrink:0;transition:fill 0.2s,stroke 0.2s;}.station-page__favorite[aria-pressed="true"] .station-page__favorite-icon{fill:#ffffff;stroke:#ffffff;}.station-page__favorite-text{font-weight:500;font-size:14px;}.station-page__favorite-count{display:inline-flex;align-items:center;justify-content:center;min-width:32px;height:32px;background-color:var(--surface);border:1px solid var(--border);border-radius:var(--radius);color:var(--text);font-size:14px;font-weight:600;padding:0 10px;}@keyframes spin{from{transform:rotate(0deg);}to{transform:rotate(360deg);}}.station-playlist{margin-top:40px;margin-bottom:40px;}/* Station Playlist Tabs */.station-playlist-tabs{display:flex;gap:0;margin-bottom:20px;border-bottom:1px solid var(--border);padding-bottom:0;flex-wrap:wrap;width:100%;}.station-playlist-tabs__tab{display:flex;align-items:center;justify-content:center;flex:1;padding:12px 20px;background:none;border:none;border-bottom:2px solid transparent;color:var(--muted);font-size:15px;font-weight:500;cursor:pointer;transition:color 0.2s,border-color 0.2s,background-color 0.2s;margin-bottom:-1px;white-space:nowrap;font-family:inherit;}.station-playlist-tabs__tab:hover{color:var(--text);background-color:var(--surface);}.station-playlist-tabs__tab[aria-selected="true"],.station-playlist-tabs__tab.is-active{color:var(--text);border-bottom-color:var(--text);}.station-playlist-tabs__tab:focus-visible{outline:none;box-shadow:var(--ring);border-radius:var(--radius);}/* Station Playlist Days */.station-playlist-day{display:block;}.station-playlist-day--hidden{display:none;}/* Station Channels */.station-channels{margin-top:40px;margin-bottom:40px;}/* Station Cities */.station-cities{margin-top:40px;margin-bottom:40px;}.main-list{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:8px;}.main-list li{margin-bottom:0;}.main-list a{display:block;padding:10px 12px;background-color:var(--surface);border:1px solid var(--border);border-radius:var(--radius);color:var(--link);text-decoration:none;font-size:15px;transition:background-color 0.2s,border-color 0.2s,color 0.2s;}.main-list a:hover{background-color:var(--surface2);border-color:rgba(255,255,255,0.15);color:var(--link-hover);}.stations__list{list-style:none;display:grid;grid-template-columns:repeat(2,1fr);gap:8px;}.stations__list .station{margin-bottom:0;}.stations__list .station__link{display:flex;flex-direction:row;align-items:center;gap:12px;padding:10px 12px;background-color:var(--surface);border:1px solid var(--border);border-radius:var(--radius);transition:background-color 0.2s,border-color 0.2s;}.stations__list .station__link:hover{background-color:var(--surface2);border-color:rgba(255,255,255,0.15);}.stations__list .station__link img{width:48px;height:48px;border-radius:8px;object-fit:cover;flex-shrink:0;}.stations__list--compact .station__link{padding:8px 10px;gap:10px;}.stations__list--compact .station__link img{width:32px;height:32px;border-radius:6px;}.stations__list--compact .station__title{font-size:14px;}.stations__list .station__title{font-size:14px;font-weight:500;color:var(--text);line-height:1.4;flex:1;min-width:0;}.station-playlist__header{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px;gap:16px;}.station-playlist__title{font-size:24px;font-weight:600;color:var(--text);margin:0;line-height:1.3;letter-spacing:-0.01em;}.station-playlist__link{font-size:14px;color:var(--muted);text-decoration:none;transition:color 0.2s ease;white-space:nowrap;}.station-playlist__link:hover{color:var(--text);text-decoration:underline;text-underline-offset:3px;}.station-playlist__list{background-color:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:0;overflow:hidden;}.station-playlist__loading{padding:20px;text-align:center;color:var(--text2);font-size:14px;}.station-playlist__item{display:flex;align-items:center;gap:12px;padding:10px 16px;border-bottom:1px solid var(--border);}.station-playlist__item:first-child{border-top:none;}.station-playlist__item:last-child{border-bottom:none;}.station-playlist__item--current{background-color:var(--surface2);border-left:2px solid var(--text);padding-left:14px;}.station-playlist__item--current .station-playlist__title-song{color:var(--text);font-weight:600;}.station-playlist__item--current .station-playlist__time{color:var(--text);font-weight:600;}.station-playlist__cover{width:48px;height:48px;border-radius:8px;object-fit:cover;flex-shrink:0;background-color:var(--surface2);}.station-playlist__cover[src*="placeholder.svg"]{object-fit:contain;padding:10px;}.station-playlist__info{flex:1;min-width:0;}.station-playlist__title-song{font-size:16px;font-weight:500;color:var(--text);margin-bottom:4px;line-height:1.4;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}.station-playlist__artist{font-size:14px;color:var(--muted);line-height:1.4;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}.station-playlist__time{font-size:14px;color:var(--muted);font-weight:500;flex-shrink:0;white-space:nowrap;}.station-playlist__number{display:flex;align-items:center;justify-content:center;width:32px;height:32px;flex-shrink:0;font-size:16px;font-weight:600;color:var(--muted);line-height:1;}.station-playlist__footer{padding:16px 16px 0 16px;text-align:center;}.station-playlist__more{display:inline-flex;align-items:center;gap:6px;padding:0;background:none;border:none;color:var(--muted);font-size:15px;font-weight:500;text-decoration:none;transition:color 0.2s;}.station-playlist__more:hover{color:var(--text);text-decoration:underline;text-underline-offset:3px;}.station-playlist__item--hidden{display:none;}.station-playlist__list.is-expanded .station-playlist__item--hidden{display:flex;}.station-playlist__actions{display:flex;align-items:center;gap:8px;margin-left:auto;flex-shrink:0;}.station-playlist__youtube{display:flex;align-items:center;justify-content:center;width:32px;height:32px;color:var(--muted);transition:color 0.2s ease,transform 0.2s ease;text-decoration:none;border-radius:6px;flex-shrink:0;}.station-playlist__youtube:hover{color:#ff0000;transform:scale(1.1);}.station-playlist__youtube svg{width:16px;height:16px;display:block;}.station-playlist__toggle{display:inline-flex;align-items:center;gap:8px;padding:0;background:none;border:none;color:var(--muted);font-size:15px;font-weight:500;text-decoration:none;cursor:pointer;transition:color 0.2s;font-family:inherit;}.station-playlist__toggle:hover{color:var(--text);}.station-playlist__toggle:focus-visible{outline:none;box-shadow:var(--ring);border-radius:4px;}.station-playlist__toggle-icon{width:16px;height:16px;flex-shrink:0;transition:transform 0.3s ease;}.station-playlist__toggle[aria-expanded="true"] .station-playlist__toggle-icon{transform:rotate(180deg);}.station-page__content{margin-top:32px;line-height:1.75;color:var(--muted);}/* Station Info */.station-info{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:20px;margin-bottom:32px;padding:24px;background-color:var(--surface);border:1px solid var(--border);border-radius:var(--radius);}.station-info--contacts{display:flex !important;flex-direction:column !important;}.station-info__item{display:flex;flex-direction:column;gap:6px;}.station-info__label{font-size:13px;font-weight:500;color:var(--muted);text-transform:uppercase;letter-spacing:0.5px;}.station-info__value{font-size:16px;font-weight:500;color:var(--text);}.station-info__value--link{text-decoration:none;transition:color 0.2s;}.station-info__value--link:hover{color:var(--link-hover);text-decoration:underline;text-underline-offset:3px;}.station-info__social{display:flex;flex-wrap:wrap;gap:8px;}.station-info__social-link{display:flex;align-items:center;justify-content:center;width:36px;height:36px;background-color:var(--surface2);border:1px solid var(--border);border-radius:var(--radius);transition:background-color 0.2s,border-color 0.2s,transform 0.2s;text-decoration:none;}.station-info__social-link:hover{background-color:var(--surface);border-color:rgba(255,255,255,0.15);transform:translateY(-2px);}.station-info__social-link img{width:22px;height:22px;opacity:0.8;transition:opacity 0.2s;}.station-info__social-link:hover img{opacity:1;}.station-page__content h2{font-size:22px;font-weight:600;color:var(--text);margin:48px 0 20px 0;line-height:1.3;letter-spacing:-0.01em;}.station-page__content h2:first-of-type{margin-top:32px;}.station-page__content p{font-size:17px;color:var(--muted);margin:0 0 24px 0;line-height:1.75;}.station-page__content p:last-child{margin-bottom:0;}@media (max-width:768px){.station-page__header{flex-direction:column;gap:20px;margin-bottom:24px;padding-bottom:24px;align-items:center;text-align:center;}.station-page__logo{width:140px;height:140px;align-self:center;}.station-page__title{font-size:28px;text-align:center;}.station-page__meta{text-align:center;}.station-page__actions{justify-content:center;gap:12px;}.station-page__favorite-wrapper{order:2;}.station-playlist{margin-top:32px;margin-bottom:32px;}.station-playlist__header{margin-bottom:16px;}.station-playlist__title{font-size:22px;}.station-playlist__item{padding:8px 14px;gap:10px;}.station-playlist__cover{width:44px;height:44px;}.station-playlist__title-song{font-size:15px;}.station-playlist__artist{font-size:13px;}.station-playlist__time{font-size:13px;}.station-playlist__footer{padding:14px 14px 0 14px;}.station-channels{margin-top:28px;margin-bottom:28px;}.station-cities{margin-top:28px;margin-bottom:28px;}.main-list{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:6px;}.main-list a{padding:8px 10px;font-size:14px;}.stations__list{grid-template-columns:repeat(2,1fr);gap:6px;}.stations__list .station__link{padding:8px 10px;gap:10px;}.stations__list .station__link img{width:44px;height:44px;}.stations__list--compact .station__link img{width:28px;height:28px;}.stations__list .station__title{font-size:13px;}.station-playlist__more{font-size:14px;}.station-playlist__number{width:28px;height:28px;font-size:15px;}.station-page__play{width:64px;height:64px;}.station-page__play svg{width:40px;height:40px;}.station-page__favorite-wrapper{width:100%;justify-content:center;}.station-page__favorite{flex:1;justify-content:center;padding:12px 18px;font-size:14px;}.station-page__favorite-count{min-width:40px;height:40px;}}@media (max-width:480px){.station-page__actions{flex-direction:column;width:100%;}.station-page__favorite{width:100%;justify-content:center;padding:12px 18px;font-size:14px;}.station-page__content h2{font-size:20px;margin-top:40px;margin-bottom:20px;}.station-info{grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:16px;padding:20px;margin-bottom:28px;}.station-info__label{font-size:12px;}.station-info__value{font-size:15px;}.station-info__social{gap:8px;}.station-info__social-link{width:36px;height:36px;}.station-info__social-link img{width:22px;height:22px;}.station-page__content h2:first-of-type{margin-top:28px;}.station-playlist{margin-top:28px;margin-bottom:28px;}.station-channels{margin-top:28px;margin-bottom:28px;}.station-cities{margin-top:28px;margin-bottom:28px;}.main-list{grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:6px;}.main-list a{padding:8px 10px;font-size:13px;}.stations__list{grid-template-columns:repeat(2,1fr);gap:6px;}.stations__list .station__link{padding:8px 10px;gap:10px;}.stations__list .station__link img{width:40px;height:40px;}.stations__list--compact .station__link img{width:24px;height:24px;}.stations__list .station__title{font-size:13px;}.station-playlist__header{margin-bottom:16px;}.station-playlist__title{font-size:20px;}.station-playlist__item{padding:8px 12px;gap:8px;}.station-playlist__cover{width:40px;height:40px;}.station-playlist__title-song{font-size:14px;}.station-playlist__artist{font-size:12px;}.station-playlist__time{font-size:12px;}.station-playlist__footer{padding:12px 12px 0 12px;}.station-playlist__more,.station-playlist__toggle{font-size:13px;}.station-playlist__number{width:24px;height:24px;font-size:14px;}.station-page__content p{font-size:16px;margin-bottom:20px;line-height:1.7;}}@media (max-width:480px){.station-page__title{font-size:24px;}.station-page__logo{width:120px;height:120px;}.station-page__play{width:56px;height:56px;}.station-page__play svg{width:36px;height:36px;}.station-page__actions{flex-direction:column;width:100%;}.station-page__favorite-wrapper{width:100%;}.station-page__favorite{flex:1;justify-content:center;padding:10px 16px;font-size:13px;}.station-page__favorite-count{min-width:36px;height:36px;font-size:13px;}.station-page__content h2{font-size:19px;margin-top:36px;margin-bottom:18px;}.station-page__content h2:first-of-type{margin-top:24px;}.station-page__content p{font-size:15px;margin-bottom:18px;line-height:1.7;}.station-info{grid-template-columns:1fr;gap:14px;padding:16px;margin-bottom:24px;}.station-info__label{font-size:12px;}.station-info__value{font-size:14px;}.station-info__social{gap:8px;}.station-info__social-link{width:32px;height:32px;}.station-info__social-link img{width:18px;height:18px;}}/* Очень маленькие экраны (меньше 400px) */@media (max-width:400px){#app-content{padding:4px;margin:4px auto;}.header{padding:10px 0;}.header__inner{gap:8px;}.logo__img{width:32px;height:32px;}.logo__text{font-size:13px;}.header-search-toggle,.header-favorites{height:36px;width:36px;}.header-search-toggle svg,.header-favorites svg{width:16px;height:16px;}.header-search{max-width:100%;}.header-search input{height:36px;font-size:14px;padding:0 12px;}.header-search button{height:36px;width:36px;}.layout{padding:16px 0;}h1{font-size:22px;margin-bottom:24px;}.cities-list{grid-template-columns:repeat(2,1fr);gap:6px 8px;}.cities-list li:nth-child(n+5){display:none;}.cities-list.is-expanded li:nth-child(n+5){display:list-item;}.cities-list a{padding:8px 12px;font-size:12px;min-height:34px;}.station__link{gap:10px;}.station__link img{width:44px;height:44px;}.station__title{font-size:15px;}.station__meta{font-size:12px;}.station__play{width:40px;height:40px;}.station__play svg,.station__play .station__play-icon{width:22px;height:22px;}.player__inner{padding:0 12px;gap:8px;}.player__cover{width:44px;height:44px;}.player__title{font-size:12px;}.player__meta{font-size:10px;}.player__favorite{width:36px;height:36px;}.player__favorite svg{width:20px;height:20px;}.player__play{width:40px;height:40px;}.player__play svg{width:22px;height:22px;}.player__volume-toggle{width:32px;height:32px;}.player__volume-toggle svg{width:20px;height:20px;}.sidebar__block{padding:16px;}.sidebar__title{font-size:16px;margin-bottom:12px;}.genres-list{gap:8px;}.genres-list a{padding:6px 12px;font-size:13px;}.charts-item{gap:6px;padding:6px 0;}.charts-cover{width:28px;height:28px;}.charts-title{font-size:11px;}.charts-artist{font-size:9px;}.charts-play{width:20px;height:20px;}.charts-play svg{width:12px;height:12px;}.footer{padding:24px 0;}.footer__links{gap:12px;font-size:13px;}.footer__copyright{font-size:12px;margin-top:16px;}.pagination{gap:4px;margin-top:20px;padding-top:16px;}.pagination__link{min-width:32px;height:32px;padding:0 8px;font-size:12px;}.pagination__link--prev,.pagination__link--next{padding:0 8px;font-size:12px;}.pagination__ellipsis{min-width:32px;height:32px;font-size:12px;}body{padding-bottom:65px;}}/* Очень маленькие экраны (меньше 350px) */@media (max-width:350px){.container{padding-left:14px;padding-right:14px;}#app-content{padding:0;margin:0 auto;}.header{padding:8px 0;}.header__inner{gap:6px;padding-left:14px;padding-right:14px;}.logo__img{width:28px;height:28px;}.logo__text{font-size:12px;}.header-search-toggle,.header-favorites{height:32px;width:32px;}.header-search-toggle svg,.header-favorites svg{width:14px;height:14px;}.header-search input{height:32px;font-size:13px;padding:0 10px;}.header-search button{height:32px;width:32px;}.layout{padding:12px 0 !important;}.content{padding:0 !important;width:100%;max-width:100%;margin:0 !important;}.content > *{margin-left:10px !important;margin-right:10px !important;max-width:calc(100% - 20px) !important;}.sidebar{margin-top:24px !important;margin-left:10px !important;margin-right:10px !important;width:auto !important;max-width:calc(100% - 20px) !important;}h1{font-size:20px;margin-bottom:20px;}.content__ads.ad-placeholder_banner{max-width:100%;}.cities-section{width:auto;max-width:100%;}.block{width:auto;max-width:100%;overflow-x:hidden;}.stations{padding:0;margin:0;width:100%;max-width:100%;}.station{width:100%;max-width:100%;}.station__card{padding:10px;width:100%;max-width:100%;}.cities-list{grid-template-columns:repeat(2,1fr);gap:6px 8px;width:100%;}.cities-list li:nth-child(n+5){display:none;}.cities-list.is-expanded li:nth-child(n+5){display:list-item;}.cities-list a{padding:8px 12px;font-size:12px;min-height:32px;}.station__link{gap:8px;}.station__link img{width:40px;height:40px;}.station__title{font-size:14px;line-height:1.4;}.station__meta{font-size:11px;line-height:1.3;}.station__play{width:36px;height:36px;}.station__play svg,.station__play .station__play-icon{width:20px;height:20px;}.player__inner{padding:0 10px;gap:6px;}.player__cover{width:40px;height:40px;}.player__title{font-size:11px;line-height:1.3;}.player__meta{font-size:9px;line-height:1.2;}.player__favorite{width:32px;height:32px;}.player__favorite svg{width:18px;height:18px;}.player__play{width:36px;height:36px;}.player__play svg{width:20px;height:20px;}.player__volume-toggle{width:28px;height:28px;}.player__volume-toggle svg{width:18px;height:18px;}.sidebar__block{padding:12px;}.sidebar__title{font-size:15px;margin-bottom:10px;}.genres-list{gap:6px;}.genres-list a{padding:5px 10px;font-size:12px;}.charts-item{gap:5px;padding:5px 0;}.charts-cover{width:24px;height:24px;}.charts-title{font-size:10px;}.charts-artist{font-size:8px;}.charts-play{width:18px;height:18px;}.charts-play svg{width:10px;height:10px;}.footer{padding:20px 0;}.footer__links{gap:10px;font-size:12px;}.footer__copyright{font-size:11px;margin-top:12px;}.pagination{gap:3px;margin-top:16px;padding-top:12px;}.pagination__link{min-width:28px;height:28px;padding:0 6px;font-size:11px;}.pagination__link--prev,.pagination__link--next{padding:0 6px;font-size:11px;}.pagination__ellipsis{min-width:28px;height:28px;font-size:11px;}body{padding-bottom:60px;}.station-channels{margin-top:24px;margin-bottom:24px;}.station-cities{margin-top:24px;margin-bottom:24px;}.main-list a{padding:8px 10px;font-size:13px;}.stations__list{grid-template-columns:1fr;gap:6px;}.stations__list .station__link{padding:8px 10px;gap:8px;}.stations__list .station__link img{width:36px;height:36px;}.stations__list--compact .station__link img{width:24px;height:24px;}.stations__list .station__title{font-size:12px;}}