@layer reset,base,components,responsive;@layer reset{*,*:before,*:after{box-sizing:border-box}html{scroll-behavior:smooth}body,h1,h2,h3,p{margin:0}button,input,select{font:inherit}button,select{cursor:pointer}button{border:0;color:inherit;background:transparent}img,svg{display:block}[hidden]{display:none!important}}@layer base{:root{--orange: #ff6b2c;--orange-dark: #e94f16;--orange-soft: #ff9a68;--orange-wash: #fff3eb;--cream: #fbf8f4;--paper: #fffdfa;--white: #fff;--ink: #211d19;--ink-soft: #625b55;--muted: #9b928a;--line: #ebe4dd;--line-strong: #ddd3ca;--green: #73b76b;--player-height: 84px;--header-height: 74px;--sidebar-width: 292px;--now-width: 318px;font-family:Avenir Next,SF Pro Display,PingFang SC,Hiragino Sans GB,Microsoft YaHei,Segoe UI,sans-serif;color:var(--ink);background:var(--cream);font-synthesis:none;text-rendering:optimizeLegibility}body{min-width:320px;min-height:100vh;overflow-x:hidden;overflow-y:auto;background:var(--cream);-webkit-font-smoothing:antialiased}button:focus-visible,input:focus-visible,select:focus-visible,a:focus-visible{outline:3px solid rgba(255,107,44,.2);outline-offset:2px}::selection{color:var(--white);background:var(--orange)}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.app-shell{display:flex;min-height:100vh;flex-direction:column}.workspace{display:grid;min-height:0;flex:1;grid-template-columns:var(--sidebar-width) minmax(420px,1fr) var(--now-width);padding-bottom:var(--player-height)}::-webkit-scrollbar{width:7px;height:7px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{border:2px solid transparent;border-radius:99px;background:#d8cec5;background-clip:padding-box}}@layer components{.topbar{position:sticky;top:0;z-index:20;display:grid;height:var(--header-height);flex:0 0 auto;grid-template-columns:var(--sidebar-width) minmax(320px,1fr) auto;align-items:center;border-bottom:1px solid var(--line);background:#fffdfaf5;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.brand{display:flex;align-items:center;gap:12px;width:100%;height:100%;padding:0 28px;border-right:1px solid var(--line);text-align:left}.brand-mark{display:grid;width:46px;height:46px;flex:0 0 auto;place-items:center;border-radius:15px;background:#fff9f3;box-shadow:0 9px 20px #e84c152b,inset 0 0 0 1px #f1ccb5a6;transform:rotate(-2deg);transition:transform .18s ease}.brand-mark svg{width:43px;height:43px;overflow:visible}.brand:hover .brand-mark{transform:rotate(2deg) scale(1.025)}.brand-word{font-size:23px;font-weight:720;letter-spacing:-.055em}.brand-word span{color:var(--orange)}.main-nav{display:flex;align-items:stretch;align-self:stretch;gap:8px;padding-left:28px}.nav-item{position:relative;display:flex;align-items:center;gap:7px;padding:0 13px;color:#827971;font-size:13px;font-weight:560;transition:color .16s ease}.nav-item:after{content:"";position:absolute;right:13px;bottom:-1px;left:13px;height:2px;border-radius:2px;background:var(--orange);opacity:0;transform:scaleX(.5);transition:opacity .16s ease,transform .16s ease}.nav-item:hover{color:var(--ink)}.nav-item.is-active{color:var(--ink);font-weight:650}.nav-item.is-active:after{opacity:1;transform:scaleX(1)}.favorite-count{display:none;min-width:18px;height:18px;padding:0 5px;place-items:center;border-radius:99px;background:var(--orange-wash);color:var(--orange-dark);font-size:9px;font-weight:720}.favorite-count.is-visible{display:grid}.top-actions{display:flex;align-items:center;gap:14px;height:100%;padding:0 20px}.language-toggle{min-width:45px;padding:8px 9px;border:1px solid transparent;border-radius:999px;color:#857c74;font-size:10px;font-weight:720;letter-spacing:.05em;transition:color .16s ease,border-color .16s ease,background .16s ease}.language-toggle:hover{border-color:var(--line);background:var(--orange-wash);color:var(--orange-dark)}.search-box{display:flex;width:clamp(250px,24vw,360px);height:39px;align-items:center;padding:0 11px 0 14px;border:1px solid var(--line-strong);border-radius:999px;background:#ffffff94;color:#a59c94;transition:border-color .16s ease,box-shadow .16s ease,background .16s ease}.search-box:focus-within{border-color:#ff6b2c8c;background:var(--white);box-shadow:0 0 0 4px #ff6b2c12}.search-icon{width:17px;height:17px;flex:0 0 auto}.search-icon svg{width:100%;height:100%;fill:none;stroke:currentColor;stroke-linecap:round;stroke-width:1.7}.search-box input{width:100%;height:100%;min-width:0;padding:0 9px;border:0;outline:0;background:transparent;color:var(--ink);font-size:12px}.search-box input::placeholder{color:#aaa198}.search-box input::-webkit-search-cancel-button{cursor:pointer}.search-box kbd{flex:0 0 auto;padding:3px 6px;border:1px solid var(--line);border-radius:6px;color:#b2a8a0;font-family:inherit;font-size:8px}.mobile-favorite-button{display:none}.sidebar{position:sticky;top:var(--header-height);display:flex;height:calc(100vh - var(--header-height) - var(--player-height));align-self:start;flex-direction:column;gap:26px;overflow-y:auto;padding:25px 20px 18px;border-right:1px solid var(--line);background:#fdfbf7eb}.side-block h2,.now-heading h2{color:var(--orange-dark);font-size:11px;font-weight:700;letter-spacing:.02em}.favorite-side{min-height:146px}.side-heading{display:flex;align-items:center;justify-content:space-between}.side-heading button{padding:2px;color:var(--muted);font-size:9px;transition:color .16s ease}.side-heading button:hover{color:var(--orange)}.side-favorites{display:flex;flex-direction:column;margin-top:13px}.side-favorite{position:relative;display:flex;min-height:35px;align-items:center;overflow:hidden;padding:4px 5px 4px 9px;border-radius:7px;text-align:left;transition:background .15s ease}.side-favorite:before{content:"";position:absolute;top:6px;bottom:6px;left:0;width:2px;border-radius:2px;background:var(--orange);opacity:0}.side-favorite:hover,.side-favorite.is-current{background:var(--orange-wash)}.side-favorite.is-current:before{opacity:1}.side-favorite span{display:flex;min-width:0}.side-favorite strong{min-width:0;overflow:hidden;color:#5e5650;font-size:11px;font-weight:520;text-overflow:ellipsis;white-space:nowrap}.side-favorite small{flex:0 0 auto;margin-left:auto;padding-left:8px;color:#c3bab2;font-size:8px}.side-empty{max-width:200px;margin-top:16px;color:#aaa099;font-size:10px;line-height:1.7}.category-side{padding-top:1px}.category-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:5px;margin-top:13px}.filter-chip{min-height:31px;padding:0 5px;border:1px solid #eee8e1;border-radius:5px;background:#ffffff6b;color:#80766e;font-size:10px;font-weight:520;transition:color .15s ease,border-color .15s ease,background .15s ease}.filter-chip:hover{border-color:#dccabf;color:var(--ink)}.filter-chip.is-active{border-color:#ff6b2c9e;background:#fff8f3;color:var(--orange-dark)}.country-side{margin-top:auto}.country-select{position:relative;display:flex;height:39px;align-items:center;margin-top:12px;border:1px solid rgba(255,107,44,.38);border-radius:5px;background:#ffffff80;color:var(--orange-dark)}.country-globe{margin-left:10px;font-size:13px}.country-select select{width:100%;height:100%;min-width:0;padding:0 28px 0 8px;border:0;outline:0;background:transparent;color:#6e6259;font-size:10px;font-weight:560;appearance:none}.select-chevron{position:absolute;top:50%;right:10px;color:#aa9e95;font-size:13px;pointer-events:none;transform:translateY(-56%)}.catalog-status{display:flex;align-items:center;gap:5px;padding-top:12px;border-top:1px solid var(--line);color:#a19891;font-size:9px}.status-dot{width:6px;height:6px;border-radius:50%;background:#8cc776;box-shadow:0 0 0 3px #8cc7761c}.catalog-status strong{color:#6f655d;font-weight:650}.main-column{display:flex;min-width:0;min-height:0;flex-direction:column;background:var(--white)}.tuner-stage{position:relative;display:flex;min-height:360px;flex:0 0 360px;flex-direction:column;align-items:center;justify-content:center;overflow:hidden;padding:35px 34px 22px;border-bottom:1px solid var(--line);background:radial-gradient(circle at 76% 42%,rgba(255,204,171,.34),transparent 30%),radial-gradient(circle at 30% 56%,rgba(255,241,231,.7),transparent 48%),linear-gradient(120deg,#fff,#fffdfa 58%,#fff7f1)}.tuner-stage:before,.tuner-stage:after{content:"";position:absolute;border-radius:50%;pointer-events:none}.tuner-stage:before{top:-180px;right:-100px;width:420px;height:420px;border:1px solid rgba(255,174,132,.12);box-shadow:0 0 0 48px #ffae8406,0 0 0 96px #ffae8404}.tuner-stage:after{right:20%;bottom:-260px;width:410px;height:410px;background:radial-gradient(circle,rgba(255,229,212,.23),transparent 66%)}.stage-topline{position:absolute;top:17px;right:22px;left:22px;z-index:2;display:flex;align-items:center;justify-content:space-between;color:#a79c94;font-size:8px}.stage-label{display:flex;align-items:center;gap:7px;color:#a89588;letter-spacing:.08em}.stage-label i{width:5px;height:5px;border-radius:50%;background:var(--orange);box-shadow:0 0 0 3px #ff6b2c14}.stage-count{letter-spacing:.05em}.tuner-bars{position:relative;z-index:1;display:flex;height:48px;align-items:center;gap:8px;margin-top:9px}.tuner-bars i{display:block;width:2px;height:var(--bar-height, 15px);border-radius:4px;background:linear-gradient(to top,rgba(255,163,119,.18),var(--orange));opacity:calc(.32 + var(--bar-index) * .025);transform-origin:center}.tuner-bars i:nth-child(1){--bar-height: 11px}.tuner-bars i:nth-child(2){--bar-height: 22px}.tuner-bars i:nth-child(3){--bar-height: 38px}.tuner-bars i:nth-child(4){--bar-height: 18px}.tuner-bars i:nth-child(5){--bar-height: 12px}.tuner-bars i:nth-child(6){--bar-height: 29px}.tuner-bars i:nth-child(7){--bar-height: 41px}.tuner-bars i:nth-child(8){--bar-height: 20px}.tuner-bars i:nth-child(9){--bar-height: 35px}.tuner-bars i:nth-child(10){--bar-height: 46px}.tuner-bars i:nth-child(11){--bar-height: 23px}.tuner-bars i:nth-child(12){--bar-height: 40px}.tuner-bars i:nth-child(13){--bar-height: 17px}.tuner-bars i:nth-child(14){--bar-height: 33px}.tuner-bars i:nth-child(15){--bar-height: 45px}.tuner-bars i:nth-child(16){--bar-height: 21px}.tuner-bars i:nth-child(17){--bar-height: 36px}.tuner-bars i:nth-child(18){--bar-height: 13px}.tuner-bars i:nth-child(19){--bar-height: 25px}.tuner-stage.is-playing .tuner-bars i{animation:signal-dance 1.25s ease-in-out infinite alternate;animation-delay:calc(var(--bar-index) * -73ms)}.frequency-reading{position:relative;z-index:1;display:flex;align-items:baseline;gap:7px;margin-top:-4px}.frequency-reading>span{font-size:clamp(52px,6.2vw,78px);font-weight:430;letter-spacing:-.075em;line-height:1}.frequency-reading>span.is-word{font-size:clamp(40px,4.8vw,60px);font-weight:520;letter-spacing:-.045em}.frequency-reading small{color:#9f948b;font-size:8px;font-weight:590;letter-spacing:.09em;text-transform:uppercase}.tuner-identity{position:relative;z-index:1;display:flex;max-width:80%;align-items:center;gap:9px;margin-top:18px;overflow:hidden;color:#92867c;font-size:9px;font-weight:560;letter-spacing:.17em;text-align:center;text-overflow:ellipsis;text-transform:uppercase;white-space:nowrap}.tuner-identity>span:first-child{overflow:hidden;text-overflow:ellipsis}.tuner-identity i{color:#cfc5bd;font-style:normal}.tuner-accent{position:absolute;right:9%;bottom:30%;width:9px;height:9px;border-radius:50%;background:var(--orange);box-shadow:0 0 0 5px #ff6b2c14,0 0 20px #ff6b2c47}.directory{display:flex;min-height:520px;flex-direction:column;background:#fff}.directory-heading{display:flex;min-height:78px;flex:0 0 auto;align-items:center;justify-content:space-between;gap:20px;padding:15px 24px 12px;border-bottom:1px solid #f3efeb}.directory-heading h1{position:relative;display:inline-block;padding-bottom:7px;border-bottom:2px solid var(--orange);font-size:12px;font-weight:650}.directory-heading h1:after{display:none}.directory-heading p{display:flex;align-items:center;gap:6px;margin-top:8px;color:#aca29a;font-size:8px}.sort-dot{width:4px;height:4px;border-radius:50%;background:var(--orange)}.directory-meta{display:flex;flex:0 0 auto;align-items:center;gap:18px;color:#aaa19a;font-size:8px}.signal-note{display:flex;align-items:center;gap:6px;letter-spacing:.04em}.signal-note i{width:5px;height:5px;border-radius:50%;background:#8dc47b}.station-content{flex:0 0 auto;overflow:visible;padding:16px 18px 10px}.station-list{columns:2;column-gap:12px}.station-row{display:grid;min-height:98px;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:4px;break-inside:avoid;margin-bottom:11px;padding:5px 10px 5px 2px;border:1px solid #f0ebe6;border-radius:12px;background:#ffffffc7;box-shadow:0 7px 20px #4f322006;opacity:0;animation:row-enter .35s ease forwards;animation-delay:calc(var(--row-index) * 18ms);transition:background .15s ease,box-shadow .15s ease}.station-row:hover,.station-row.is-current{border-color:#f1d7c7;background:linear-gradient(120deg,#fffaf6,#fffdfb);box-shadow:0 10px 24px #7a46250e;transform:translateY(-1px)}.station-row.is-current{border-color:#ff6b2c6b;background:linear-gradient(120deg,#fff4ed,#fffaf7);box-shadow:0 10px 25px #ff6b2c12}.row-activity{display:none}.station-main{display:grid;min-width:0;grid-template-columns:53px minmax(0,1fr);align-items:center;gap:12px;padding:9px 4px;text-align:left}.station-logo{position:relative;display:grid;width:53px;height:53px;overflow:hidden;place-items:center;border-radius:9px;background:radial-gradient(circle at 25% 20%,hsla(var(--logo-hue),84%,83%,.8),transparent 60%),linear-gradient(145deg,hsl(var(--logo-hue),65%,65%),hsl(calc(var(--logo-hue) + 22),63%,51%));box-shadow:inset 0 1px #ffffff59}.station-logo:before{content:"";position:absolute;top:-20px;right:-21px;width:65px;height:65px;border:1px solid rgba(255,255,255,.3);border-radius:50%}.station-logo-letter{color:#fffffff2;font-family:Iowan Old Style,Baskerville,Songti SC,Georgia,serif;font-size:21px;font-weight:600;text-shadow:0 2px 7px rgba(38,21,12,.17)}.station-logo img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:0;transition:opacity .22s ease}.station-logo img.is-loaded{opacity:1}.row-play{display:none}.row-play svg{width:12px;height:12px;fill:currentColor}.station-row:hover .row-play,.station-row.is-current .row-play{background:var(--orange);color:var(--white);transform:scale(1.06)}.station-copy{display:block;min-width:0}.station-name-row{display:flex;min-width:0;align-items:center;gap:7px}.station-name{display:-webkit-box;overflow:hidden;color:#2d2824;font-size:14px;font-weight:610;line-height:1.35;-webkit-box-orient:vertical;-webkit-line-clamp:2}.language-badge{flex:0 0 auto;padding:3px 5px;border-radius:4px;background:var(--orange-wash);color:var(--orange-dark);font-size:7px;font-weight:680}.station-meta-line{display:block;margin-top:5px;overflow:hidden;color:#9d938b;font-size:8px;font-weight:560;letter-spacing:.075em;text-overflow:ellipsis;text-transform:uppercase;white-space:nowrap}.station-tags{display:flex;gap:4px;margin-top:6px;overflow:hidden}.station-tags:empty{display:none}.station-tags span{max-width:82px;overflow:hidden;padding:2px 6px;border:1px solid #f0ebe6;border-radius:999px;color:#a99f96;font-size:7px;line-height:1.35;text-overflow:ellipsis;white-space:nowrap}.row-side{display:flex;align-items:center;gap:9px;padding-left:8px}.row-bitrate{min-width:48px;color:#b4aaa2;font-size:7px;letter-spacing:.04em;text-align:right}.favorite-button,.now-favorite{display:grid;width:28px;height:28px;place-items:center;border-radius:50%;color:#c3bab3;transition:color .15s ease,background .15s ease,transform .15s ease}.favorite-button:hover{background:var(--orange-wash);color:var(--orange);transform:scale(1.04)}.favorite-button svg,.now-favorite svg,.player-favorite svg{width:15px;height:15px;fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.7}.favorite-button.is-favorite,.now-favorite.is-favorite{color:var(--orange)}.favorite-button.is-favorite svg,.now-favorite.is-favorite svg,.player-favorite.is-favorite svg{fill:currentColor}.load-more{display:flex;min-height:40px;align-items:center;gap:8px;margin:17px auto 0;padding:0 16px;border:1px solid var(--line);border-radius:99px;color:#867a71;font-size:10px;transition:color .15s ease,border-color .15s ease}.load-more:hover{border-color:#ff6b2c73;color:var(--orange-dark)}.load-more svg{width:13px;height:13px;fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.8;transform:rotate(90deg)}.seo-footer{display:grid;grid-template-columns:minmax(180px,.7fr) minmax(280px,1.3fr);gap:28px;align-items:start;margin:22px 24px 38px;padding:26px 28px;border:1px solid #f0e8e1;border-radius:14px;background:radial-gradient(circle at 100% 0%,rgba(255,222,201,.28),transparent 18rem),#fffcf8}.seo-kicker{display:block;margin-bottom:8px;color:var(--orange);font-size:7px;font-weight:700;letter-spacing:.16em}.seo-footer h2{font-size:18px;font-weight:650;letter-spacing:-.035em}.seo-footer p{color:#8d837b;font-size:10px;line-height:1.9}.state-panel{display:flex;min-height:280px;flex-direction:column;align-items:center;justify-content:center;padding:30px 20px;text-align:center}.state-panel h3{font-size:15px;font-weight:650}.state-panel p{max-width:320px;margin-top:7px;color:var(--muted);font-size:10px;line-height:1.7}.state-icon,.empty-icon{display:grid;width:45px;height:45px;margin-bottom:15px;place-items:center;border-radius:14px;background:var(--orange-wash);color:var(--orange);font-size:20px}.empty-icon svg{width:19px;height:19px;fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.6}.state-action{min-height:37px;margin-top:16px;padding:0 16px;border-radius:99px;background:var(--ink);color:var(--white);font-size:9px}.loading-panel{justify-content:flex-start;padding-top:36px}.loading-panel>p{margin-top:6px}.loading-radar{position:relative;display:grid;width:36px;height:36px;place-items:center;border:1px solid rgba(255,107,44,.24);border-radius:50%}.loading-radar:before,.loading-radar:after{content:"";position:absolute;border:1px solid rgba(255,107,44,.1);border-radius:50%;animation:radar 1.7s ease-out infinite}.loading-radar:before{inset:6px}.loading-radar:after{inset:-6px;animation-delay:.3s}.loading-radar span{width:7px;height:7px;border-radius:50%;background:var(--orange)}.skeleton-list{width:min(100%,560px);margin-top:24px}.skeleton-row{position:relative;height:64px;overflow:hidden;border-bottom:1px solid #f4f0ec}.skeleton-row:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent,rgba(255,255,255,.7),transparent);transform:translate(-100%);animation:shimmer 1.4s infinite}.skeleton-logo{position:absolute;top:8px;left:54px;width:48px;height:48px;border-radius:9px;background:#f1ebe5}.skeleton-line{position:absolute;left:118px;height:8px;border-radius:99px;background:#f1ebe5}.skeleton-line.long{top:20px;width:42%}.skeleton-line.short{top:37px;width:24%}.now-panel{position:sticky;top:var(--header-height);display:flex;height:calc(100vh - var(--header-height) - var(--player-height));align-self:start;flex-direction:column;overflow-y:auto;padding:24px 21px 20px;border-left:1px solid var(--line);background:radial-gradient(circle at 92% 5%,rgba(255,223,205,.3),transparent 30%),#fefcf9}.now-heading{display:flex;align-items:center;justify-content:space-between}.now-live{display:flex;align-items:center;gap:5px;padding:4px 7px;border:1px solid rgba(255,107,44,.22);border-radius:99px;color:var(--orange-dark);font-size:7px;font-weight:650}.now-live i{width:4px;height:4px;border-radius:50%;background:var(--orange)}.now-card{display:grid;grid-template-columns:61px minmax(0,1fr) 28px;align-items:center;gap:11px;min-height:90px;margin-top:22px;padding:14px 11px;border:1px solid #f0e5dc;border-radius:11px;background:#fff9;box-shadow:0 12px 32px #64402a0d}.now-art,.player-art{position:relative;display:grid;overflow:hidden;place-items:center;background:radial-gradient(circle at 26% 20%,rgba(255,255,255,.35),transparent 60%),linear-gradient(145deg,hsl(var(--art-hue, 24),62%,71%),hsl(calc(var(--art-hue, 24) + 24),65%,48%))}.now-art{width:61px;height:61px;border-radius:10px}.art-letter{color:#fffffff2;font-family:Iowan Old Style,Baskerville,Songti SC,Georgia,serif;font-size:26px;font-weight:600}.now-art img,.player-art img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:0;transition:opacity .2s ease}.now-art img.is-loaded,.player-art img.is-loaded{opacity:1}.now-copy{display:flex;min-width:0;flex-direction:column}.now-eyebrow{color:#b3a79e;font-size:7px;letter-spacing:.09em;text-transform:uppercase}.now-copy strong{overflow:hidden;margin-top:6px;color:#332d29;font-size:12px;font-weight:650;line-height:1.4;text-overflow:ellipsis;white-space:nowrap}.now-copy small{display:-webkit-box;margin-top:4px;overflow:hidden;color:#aaa098;font-size:8px;line-height:1.5;-webkit-box-orient:vertical;-webkit-line-clamp:2}.now-favorite:disabled{opacity:.32}.now-facts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;margin-top:12px}.now-facts>div{display:flex;min-height:57px;flex-direction:column;justify-content:center;padding:8px;border:1px solid #f1ebe6;border-radius:8px;background:#ffffff6b}.now-facts span{color:#b8aea6;font-size:6px;letter-spacing:.07em}.now-facts strong{margin-top:6px;overflow:hidden;color:#5e554e;font-size:9px;font-weight:620;text-overflow:ellipsis;white-space:nowrap}.now-wave{display:flex;height:54px;align-items:center;gap:5px;margin-top:27px;padding:0 3px}.now-wave i{width:2px;height:calc(8px + (var(--wave-index) % 5) * 7px);border-radius:3px;background:linear-gradient(to top,#ff9b6a3d,#ff6b2cb3)}.now-card.is-playing+.now-facts+.now-wave i{animation:signal-dance 1.4s ease-in-out infinite alternate;animation-delay:calc(var(--wave-index) * -85ms)}.now-note{margin-top:10px;color:#b0a69e;font-size:8px;line-height:1.7}.player{position:fixed;z-index:50;right:0;bottom:0;left:0;display:grid;height:var(--player-height);grid-template-columns:200px minmax(220px,.8fr) minmax(280px,1.35fr) minmax(270px,1fr);align-items:center;gap:18px;padding:0 26px;border-top:1px solid #f0e9e2;background:#fffdfaf5;box-shadow:0 -12px 35px #5b3d280f;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}.transport{display:flex;align-items:center;gap:15px}.transport-skip{display:grid;width:25px;height:25px;place-items:center;color:#b9afa7;transition:color .15s ease}.transport-skip:hover{color:var(--ink)}.transport-skip svg{width:15px;height:15px;fill:currentColor}.player-play{display:grid;width:47px;height:47px;place-items:center;border:1px solid var(--orange);border-radius:50%;color:var(--orange);background:#fffaf6;box-shadow:0 8px 18px #ff6b2c1a;transition:color .16s ease,background .16s ease,transform .16s ease}.player-play:hover:not(:disabled){color:var(--white);background:var(--orange);transform:scale(1.03)}.player-play:disabled{border-color:#e7dfd8;color:#c9c0b9;background:#fff;box-shadow:none;cursor:default}.player-play svg{width:18px;height:18px;fill:currentColor}.player.is-connecting .player-play svg{animation:player-pulse 1s ease-in-out infinite}.player-station{display:flex;min-width:0;align-items:center;gap:11px}.player-art{width:46px;height:46px;flex:0 0 auto;border-radius:10px}.player-art .art-letter{font-size:19px}.player-copy{display:flex;min-width:0;flex-direction:column;gap:3px}.player-copy strong{overflow:hidden;color:#332e2a;font-size:12px;font-weight:650;text-overflow:ellipsis;white-space:nowrap}.player-copy span{overflow:hidden;color:#a69c94;font-size:8px;text-overflow:ellipsis;white-space:nowrap}.player-copy span.is-error{color:var(--orange-dark)}.player-meter{min-width:0}.player-meter-copy{display:flex;justify-content:space-between;gap:12px;color:#9c928a;font-size:8px}.player-meter-copy>span{display:flex;align-items:center;gap:5px}.player-meter-copy i{width:5px;height:5px;border-radius:50%;background:#8ec47b}.player-meter-copy small{color:#b9afa7;font-size:7px;letter-spacing:.035em}.progress-line{height:2px;margin-top:8px;overflow:hidden;border-radius:99px;background:#f0e9e2}.progress-line span{display:block;width:0;height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--orange-soft),var(--orange));transition:width .45s ease}.player-actions{display:flex;align-items:center;justify-content:flex-end;gap:13px}.player-homepage{display:grid;width:30px;height:30px;place-items:center;border-radius:50%;color:#b2a8a0;transition:color .15s ease,background .15s ease}.player-homepage:hover{background:var(--orange-wash);color:var(--orange)}.player-homepage svg{width:15px;height:15px;fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.7}.volume-control{display:flex;align-items:center;gap:7px}.volume-icon{width:15px;height:15px;color:#a99f96}.volume-icon svg{width:100%;height:100%;fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.6}.volume-icon path:first-child{fill:currentColor;stroke:none}.volume-control input{width:72px;height:3px;border-radius:99px;background:#eee6df;appearance:none;accent-color:var(--orange)}.volume-control input::-webkit-slider-thumb{width:10px;height:10px;border-radius:50%;background:var(--orange);appearance:none}.player-favorite{display:flex;min-width:82px;height:37px;align-items:center;justify-content:center;gap:7px;border-radius:5px;background:var(--orange);color:var(--white);font-size:9px;font-weight:650;box-shadow:0 7px 15px #ff6b2c29;transition:transform .15s ease,background .15s ease}.player-favorite:hover:not(:disabled){background:var(--orange-dark);transform:translateY(-1px)}.player-favorite:disabled{opacity:.45;cursor:default}.player-favorite.is-favorite{background:var(--ink)}.toast{position:fixed;z-index:80;right:24px;bottom:calc(var(--player-height) + 16px);padding:10px 14px;border:1px solid rgba(255,255,255,.12);border-radius:8px;background:#231e1aeb;color:var(--white);font-size:9px;opacity:0;pointer-events:none;transform:translateY(5px);transition:opacity .18s ease,transform .18s ease}.toast.is-visible{opacity:1;transform:translateY(0)}@keyframes signal-dance{0%{transform:scaleY(.38);opacity:.58}to{transform:scaleY(1);opacity:1}}@keyframes row-enter{to{opacity:1}}@keyframes radar{0%{opacity:0;transform:scale(.65)}42%{opacity:1}to{opacity:0;transform:scale(1.3)}}@keyframes shimmer{to{transform:translate(100%)}}@keyframes player-pulse{50%{opacity:.3}}}@layer responsive{@media(min-width:1600px){.station-list{columns:3}}@media(max-width:1280px){:root{--sidebar-width: 264px;--now-width: 286px}.brand{padding-inline:20px}.main-nav{padding-left:18px}.top-actions{padding-inline:14px}.search-box{width:min(25vw,300px)}.player{grid-template-columns:170px minmax(190px,.75fr) minmax(230px,1.25fr) minmax(245px,1fr);gap:12px;padding-inline:20px}.station-main{grid-template-columns:49px 25px minmax(0,1fr);gap:8px}.station-logo{width:49px;height:49px}}@media(max-width:1120px){:root{--sidebar-width: 250px}.workspace{grid-template-columns:var(--sidebar-width) minmax(0,1fr)}.now-panel{display:none}.topbar{grid-template-columns:var(--sidebar-width) minmax(280px,1fr) auto}.main-nav{gap:0}.nav-item{padding-inline:9px;font-size:12px}.search-box{width:min(27vw,290px)}}@media(max-width:860px){body{height:auto;overflow-y:auto}:root{--player-height: 74px}.app-shell{min-height:100vh;height:auto}.topbar{position:sticky;top:0;height:auto;grid-template-columns:1fr auto;padding:10px 14px;border-bottom-color:#eee7df}.brand{width:auto;height:44px;padding:0;border:0}.brand-mark{width:40px;height:40px;border-radius:12px}.brand-mark svg{width:37px;height:37px}.brand-word{font-size:20px}.main-nav{grid-row:2;grid-column:1 / -1;height:42px;order:3;padding:0;border-top:1px solid #f2ece6}.nav-item{flex:1;justify-content:center;padding:0 5px;font-size:11px}.nav-item:after{right:25%;left:25%}.top-actions{grid-row:3;grid-column:1 / -1;width:100%;height:44px;padding:0 0 7px;gap:7px}.language-toggle{display:flex;width:42px;min-width:42px;height:36px;align-items:center;justify-content:center;border-color:var(--line);background:#fff}.mobile-favorite-button{display:none}.search-box{display:flex;width:auto;min-width:0;height:36px;flex:1}.workspace{display:flex;min-height:0;flex-direction:column;padding-bottom:var(--player-height)}.sidebar{position:static;top:auto;display:block;height:auto;width:100%;min-width:0;max-width:100%;overflow:visible;padding:18px 16px;border-right:0;border-bottom:1px solid var(--line)}.favorite-side{min-height:0}.side-favorites{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:2px 8px}.side-empty{margin:10px 0 0}.category-side{margin-top:20px;min-width:0;overflow:hidden}.category-grid{display:flex;width:100%;max-width:100%;gap:5px;margin-right:0;overflow-x:auto;padding-right:16px;scrollbar-width:none}.category-grid::-webkit-scrollbar{display:none}.filter-chip{min-width:57px;flex:0 0 auto}.country-side{margin-top:19px}.country-select{max-width:330px}.catalog-status{display:none}.main-column{display:flex;min-height:0;flex-direction:column;overflow:visible}.tuner-stage{min-height:250px;flex-basis:auto;padding:45px 24px 28px}.frequency-reading>span{font-size:58px}.directory{min-height:430px}.directory-heading{min-height:70px;padding-inline:16px}.station-content{max-height:none;padding-inline:10px;overflow:visible}.station-list{columns:1}.station-main{grid-template-columns:49px minmax(0,1fr)}.station-logo{width:49px;height:49px}.seo-footer{grid-template-columns:1fr;gap:10px;margin:18px 14px 92px;padding:22px 20px}.player{height:var(--player-height);grid-template-columns:auto minmax(0,1fr) auto;gap:9px;padding:0 12px}.transport{gap:6px}.transport-skip{display:none}.player-play{width:40px;height:40px}.player-art{width:40px;height:40px;border-radius:9px}.player-station{gap:8px}.player-meter{display:none}.player-actions{gap:2px}.volume-control,.player-homepage{display:none}.player-favorite{min-width:35px;width:35px;height:35px;padding:0}.player-favorite span{display:none}.toast{right:12px;bottom:calc(var(--player-height) + 10px)}}@media(max-width:520px){.side-favorites{grid-template-columns:1fr}.side-favorite:nth-child(n+4){display:none}.tuner-stage{min-height:225px}.tuner-bars{gap:6px;transform:scale(.88)}.frequency-reading>span{font-size:52px}.tuner-identity{max-width:93%;letter-spacing:.1em}.directory-meta .signal-note{display:none}.station-row{min-height:72px}.station-main{grid-template-columns:45px minmax(0,1fr);gap:9px}.station-logo{width:45px;height:45px}.station-name{font-size:13px}.station-tags span:nth-child(n+3){display:none}.row-side{gap:3px}.row-bitrate{display:none}.player-copy strong{font-size:11px}.player-copy span{font-size:7px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}}
