@font-face{font-family:"Russo One";src:url("/assets/russo-one-cyr.woff2") format("woff2");font-display:swap;unicode-range:U+0400-04FF,U+2116}@font-face{font-family:"Russo One";src:url("/assets/russo-one-lat.woff2") format("woff2");font-display:swap}@font-face{font-family:Manrope;src:url("/assets/manrope-cyr.woff2") format("woff2");font-display:swap;font-weight:200 800;unicode-range:U+0400-04FF,U+2116}@font-face{font-family:Manrope;src:url("/assets/manrope-lat.woff2") format("woff2");font-display:swap;font-weight:200 800}
:root{--teal:#007f86;--teal2:#00a5ad;--orange:#f4511e;--orange2:#cf3d16;--purple:#7b1fa2;--purple2:#4d1269;--yellow:#ffb800;--ink:#121826;--muted:#6a788e;--surface:#f7f9fc;--line:#cddce7;--display:"Russo One",Impact,sans-serif;--body:Manrope,Arial,sans-serif;--sidebar:322px}*{box-sizing:border-box}html{scroll-behavior:smooth;overflow-x:hidden}body{margin:0;min-width:320px;background:radial-gradient(circle at 48% -15%,#e7fbfd 0,transparent 32%),var(--surface);color:var(--ink);font-family:var(--body);font-size:14px;overflow-x:hidden}button,input,select,textarea{font:inherit}button,a{touch-action:manipulation}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}.radio-player{position:fixed;inset:0 auto 0 0;width:var(--sidebar);z-index:30;display:flex;flex-direction:column;padding:11px 18px 10px;background:linear-gradient(145deg,rgba(255,255,255,.98),rgba(239,246,251,.96));border:1px solid #a8ccdd;border-radius:0 24px 24px 0;box-shadow:14px 0 45px rgba(46,83,107,.12),inset -2px 0 #fff}.radio-player:after{content:"";position:absolute;inset:4px;border:1px solid rgba(255,255,255,.92);border-radius:0 19px 19px 0;pointer-events:none}.player-brand{height:78px;display:grid;place-items:center;padding:0 4px 5px;border-bottom:1px solid #d7e4ec;position:relative;z-index:1}.player-brand img{width:100%;height:68px;object-fit:contain}.player-status{height:30px;display:flex;align-items:center;gap:8px;color:#6b7890;font-size:10px;position:relative;z-index:1}.live-chip{background:linear-gradient(145deg,#ff6a2c,#df2f11);color:#fff;padding:4px 7px;border-radius:7px;font-weight:800}.live-chip i,.radio-player footer i,.card-live i{display:inline-block;width:6px;height:6px;border-radius:50%;background:#fff;box-shadow:0 0 0 3px rgba(255,255,255,.18)}.signal{margin-left:auto;height:16px;display:flex;align-items:flex-end;gap:2px}.signal i{width:2px;background:var(--orange);border-radius:2px}.signal i:nth-child(1){height:4px}.signal i:nth-child(2){height:8px}.signal i:nth-child(3){height:12px}.signal i:nth-child(4){height:16px}.signal.on i{animation:pulse-bars .8s ease-in-out infinite alternate}.signal.on i:nth-child(2){animation-delay:.2s}.signal.on i:nth-child(3){animation-delay:.4s}@keyframes pulse-bars{to{opacity:.25;transform:scaleY(.4)}}.player-cover{position:relative;height:min(29vh,258px);min-height:205px;border-radius:16px;border:2px solid #e9d3f4;overflow:hidden;background-image:linear-gradient(rgba(67,4,97,.08),rgba(32,4,64,.14)),url("/assets/img/design-source.png");background-size:1454px 818px;background-position:-18px -85px;box-shadow:0 12px 24px rgba(58,25,79,.15),inset 0 0 0 2px rgba(255,255,255,.5)}.player-cover:after{content:"";position:absolute;inset:0;background:linear-gradient(135deg,rgba(255,255,255,.18),transparent 35%,rgba(125,31,162,.08));pointer-events:none}.frequency{position:absolute;right:10px;top:10px;z-index:2;padding:5px 7px;border-radius:7px;background:linear-gradient(#bb23c5,#791697);border:1px solid #e89af4;color:#fff;font:11px var(--display);text-align:center;box-shadow:0 5px 12px #54066c5c}.cover-station-mark{display:none}.player-station{display:flex;align-items:flex-start;gap:10px;padding:10px 2px 5px;position:relative;z-index:1}.player-station>div{min-width:0}.player-station h2{margin:0;font-size:18px;line-height:1.1}.player-station p{margin:4px 0 0;color:var(--muted);font-size:10px}.verified{display:inline-grid;place-items:center;width:16px;height:16px;border-radius:50%;background:#008c93;color:#fff;font-style:normal;font:10px var(--body)}.icon-button{margin-left:auto;border:0;background:transparent;font-size:25px;color:var(--orange);cursor:pointer}.icon-button.active{color:#ef3d30}.now-playing{display:grid;gap:1px;padding:5px 2px 2px;position:relative;z-index:1}.now-playing span{font-size:9px;color:#8190a4}.now-playing strong,.now-playing b{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:12px}.now-playing small{margin-top:4px;color:#008a91;font-size:9px;font-weight:800;text-transform:uppercase;letter-spacing:.05em}.player-controls{height:62px;display:grid;grid-template-columns:34px 36px 64px 36px 34px;justify-content:space-between;align-items:center;position:relative;z-index:1}.player-controls button{border:0;background:transparent;color:#0d2240;cursor:pointer}.vote-button{width:31px;height:31px;border:1px solid #c6d7e3!important;border-radius:50%;font-size:20px!important}.vote-button.active{background:#ffe7dd!important;color:var(--orange)!important;border-color:#ff9d7a!important}.skip-button{font:27px var(--display)!important}.glass-play{width:58px;height:58px!important;border-radius:50%!important;background:linear-gradient(145deg,#ff782c,#e43c0d)!important;color:#fff!important;box-shadow:0 8px 18px #da3b1648,inset 2px 2px 3px rgba(255,255,255,.8),inset -2px -3px 5px #a82208,0 0 0 2px #fff,0 0 0 3px #ff8a5c!important;font-size:20px!important}.glass-play.loading span{animation:spin 1s linear infinite;display:inline-block}@keyframes spin{to{transform:rotate(360deg)}}.volume{height:30px;display:grid;grid-template-columns:24px 1fr 35px;align-items:center;gap:7px;color:#53657a;position:relative;z-index:1}.volume input{width:100%;height:4px;accent-color:var(--orange)}.volume small{text-align:right;font-size:9px}.service-box{padding:5px 0 7px;border-top:1px solid #d7e4ec;border-bottom:1px solid #d7e4ec;position:relative;z-index:1}.service-box>div,.recent>div{display:flex;justify-content:space-between;align-items:center;font-size:9px;margin-bottom:6px}.service-box a,.recent a{color:#718097;font-size:8px}.music-services{display:flex;gap:6px}.music-services a{width:27px;height:27px;border:1px solid currentColor;border-radius:8px;background:#fff;display:grid;place-items:center;font-weight:900;cursor:pointer}.music-services .yandex{color:#b89400}.music-services .vk{color:#2787f5}.music-services .zvuk{color:#4a8c00}.music-services .youtube,.music-services .apple{color:#fa2446}.music-services .spotify{color:#109840}.recent{padding-top:8px;min-height:0;overflow:hidden;position:relative;z-index:1}.recent>button{width:100%;height:39px;display:grid;grid-template-columns:31px 1fr 28px;align-items:center;gap:7px;border:0;background:transparent;text-align:left;padding:2px;cursor:pointer}.recent>button:hover{background:#eaf4f8;border-radius:8px}.recent .station-logo.small{width:29px;height:29px;border-radius:5px;font-size:5px}.recent>button>span{min-width:0;display:grid}.recent>button b{font-size:9px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.recent>button small{font-size:7px;color:#6f7e90;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.recent time{font-size:7px;color:#75849a}.radio-player footer{margin-top:auto;height:24px;display:flex;align-items:center;justify-content:space-between;color:#6a7a8c;font-size:8px;position:relative;z-index:1}.radio-player footer i{background:var(--orange);width:7px;height:7px}.radio-player audio{display:none}
.site-shell{width:calc(100% - var(--sidebar));margin-left:var(--sidebar);min-height:100vh;padding:0 20px}.site-header{height:86px;display:grid;grid-template-columns:minmax(510px,1fr) minmax(300px,430px) auto;gap:18px;align-items:center;border-bottom:1px solid #dce5ec;position:relative}.site-header nav{display:flex;align-items:center;gap:25px;height:100%}.site-header nav a{height:100%;display:grid;place-items:center;font:11px var(--display);text-transform:uppercase;white-space:nowrap;position:relative}.site-header nav a.active:after{content:"";position:absolute;bottom:-1px;left:0;right:0;height:3px;border-radius:3px;background:var(--teal)}.global-search{height:43px;border:1px solid #c5d3df;border-radius:10px;display:grid;grid-template-columns:1fr 40px;background:rgba(255,255,255,.68)}.global-search input{min-width:0;border:0;background:transparent;padding:0 14px;outline:0}.global-search button{border:0;background:transparent;font-size:22px}.header-actions{display:flex;align-items:center;gap:17px}.header-actions>a{display:flex;align-items:center;gap:5px;font:10px var(--display);text-transform:uppercase;white-space:nowrap}.header-actions .account i{width:34px;height:34px;border-radius:50%;background:#e4f1f5;display:grid;place-items:center;font-style:normal;color:var(--teal)}.mobile-menu{display:none}.install-notice{position:fixed;right:20px;bottom:18px;z-index:60;background:#121826;color:#fff;padding:10px 14px;border-radius:12px;box-shadow:0 10px 24px #12182655;font-size:11px}.flash{margin:12px 0;padding:12px 15px;border-radius:12px;background:#e6f8f3;border:1px solid #8bd6c4}.flash-error{background:#fff0ec;border-color:#ffa98b}.flash-info{background:#edf6fd;border-color:#a9cee7}
.hero-grid{display:grid;grid-template-columns:1.04fr .95fr .92fr;gap:8px;padding-top:10px}.glass-panel{height:268px;position:relative;overflow:hidden;border-radius:17px;border:2px solid rgba(255,255,255,.6);box-shadow:0 8px 18px rgba(28,51,71,.13),inset 0 0 0 2px rgba(0,0,0,.17),inset 0 0 0 4px rgba(255,255,255,.22)}.glass-panel:after,.collection:after,.genre-tile:after{content:"";position:absolute;inset:0;background:linear-gradient(153deg,rgba(255,255,255,.28) 0,rgba(255,255,255,.04) 29%,transparent 30% 70%,rgba(255,255,255,.08));pointer-events:none}.hero-teal{padding:38px 37px;color:#fff;background:linear-gradient(145deg,#00a4ae,#005d69)}.hero-teal h1,.hero-purple h2{position:relative;z-index:1;margin:0;font:35px/1.12 var(--display);text-transform:uppercase;letter-spacing:.01em}.hero-teal p{position:relative;z-index:1;margin:17px 0;font-size:13px}.hero-teal a{position:relative;z-index:1;display:flex;align-items:center;justify-content:space-between;width:170px;margin-top:17px;padding:12px 15px;border-radius:8px;background:#fff;color:#006771;font-weight:800;font-size:11px;box-shadow:0 6px 14px #00363b45}.hero-photo{background-image:url("/assets/img/design-source.png");background-size:1634px 920px;background-position:-792px -86px}.hero-photo .hero-live{position:absolute;left:20px;bottom:20px;z-index:2;background:#f4511e;color:#fff;border:1px solid #ffb093;border-radius:6px;padding:7px;font-weight:900}.hero-photo>b{position:absolute;left:78px;bottom:26px;z-index:2;color:#fff;font-size:10px}.hero-purple{padding:34px 38px;color:#fff;background:linear-gradient(145deg,#9c2ab5,#4d1269)}.hero-purple h2{font-size:25px}.hero-purple ul{position:relative;z-index:1;list-style:none;padding:0;margin:16px 0;display:grid;gap:11px}.hero-purple li{display:flex;align-items:center;gap:10px}.hero-purple li>i{width:33px;height:33px;display:grid;place-items:center;border:1px solid rgba(255,255,255,.35);border-radius:8px;background:rgba(255,255,255,.12);font-style:normal;font-size:18px}.hero-purple li span{display:grid}.hero-purple li b{font-size:10px}.hero-purple li small{font-size:8px;opacity:.8}.content-section{padding-top:15px}.section-title{display:flex;align-items:center;gap:20px}.section-title h2{margin:0;font:17px var(--display);text-transform:uppercase}.section-title a{font-size:9px;color:var(--teal)}.collections{display:grid;grid-template-columns:repeat(5,1fr);gap:10px;margin-top:10px}.collection{height:116px;position:relative;overflow:hidden;border-radius:13px;border:2px solid rgba(255,255,255,.65);box-shadow:0 6px 13px rgba(21,45,64,.13),inset 0 0 0 2px rgba(0,0,0,.18),inset 0 0 0 4px rgba(255,255,255,.23);display:flex;flex-direction:column;justify-content:flex-end;padding:16px;color:#fff;background-image:linear-gradient(90deg,rgba(0,73,79,.94),rgba(0,112,120,.28)),url("/assets/img/design-source.png");background-size:1488px 838px}.collection b,.collection span{position:relative;z-index:1}.collection b{font:13px var(--display);text-transform:uppercase}.collection span{font-size:9px}.collection.c1{background-position:-340px -394px}.collection.c2{background-image:linear-gradient(90deg,rgba(75,8,102,.95),rgba(128,16,154,.22)),url("/assets/img/design-source.png");background-position:-605px -394px}.collection.c3{background-image:linear-gradient(90deg,rgba(190,47,8,.95),rgba(244,81,30,.22)),url("/assets/img/design-source.png");background-position:-855px -394px}.collection.c4{background-position:-1133px -394px}.collection.c5{background-image:linear-gradient(90deg,rgba(75,8,102,.94),rgba(123,31,162,.22)),url("/assets/img/design-source.png");background-position:-1391px -394px}.partner-banner{min-height:102px;margin-top:18px;padding:14px 17px;display:grid;grid-template-columns:92px 1fr auto 150px;align-items:center;gap:20px;border:1px solid #ff9c77;border-radius:17px;background:linear-gradient(165deg,#fff8f2,#fff,#f8effc);box-shadow:0 7px 16px rgba(53,42,71,.06);overflow:hidden}.partner-logo{width:78px;height:63px;border-radius:14px;background:linear-gradient(145deg,#ff7339,#da3c12);color:#fff;display:grid;place-items:center;box-shadow:0 6px 13px #cf3d1649,inset 2px 2px 2px #ffb79d,inset -2px -2px 3px #9f2809}.partner-logo b{font:30px var(--display);line-height:1}.partner-logo small{margin-top:-12px;font-weight:900}.partner-banner>span:nth-child(2){display:grid;gap:4px}.partner-banner>span>small{font-size:8px;color:var(--orange)}.partner-banner strong{font:20px var(--display);text-transform:uppercase}.partner-banner em{font-style:normal;color:#647389;font-size:10px}.partner-banner .bonus{font:26px var(--display);color:var(--purple)}.partner-banner .bonus small{display:block;font:7px var(--body);text-transform:uppercase}.partner-banner>i{padding:13px;border-radius:9px;background:var(--purple);color:#fff;font-style:normal;font-weight:900;font-size:10px;text-align:center}.station-heading{display:grid;grid-template-columns:auto 1fr auto;align-items:end;gap:15px}.chips{display:flex;align-items:center;gap:15px;overflow:auto;scrollbar-width:none}.chips a{font-size:9px;color:#5f6f83;white-space:nowrap}.chips a.active{padding:7px 11px;border-radius:15px;background:var(--teal);color:#fff;font-weight:800}.filters{display:flex;gap:8px}.filters select{height:33px;border:1px solid #c9d8e4;border-radius:8px;background:#fff;padding:0 30px 0 10px;font-size:9px}.station-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:10px}.station-card{height:110px;min-width:0;position:relative;display:grid;grid-template-columns:42% 1fr;gap:12px;align-items:center;padding:8px;border:1px solid #b8d2df;border-radius:15px;background:linear-gradient(145deg,rgba(255,255,255,.98),rgba(234,242,247,.9));box-shadow:0 7px 14px rgba(37,67,87,.09),inset 0 0 0 2px rgba(255,255,255,.85),inset 0 0 0 3px rgba(0,127,134,.09);text-align:left;cursor:pointer;overflow:hidden}.station-card:hover{transform:translateY(-2px);border-color:#75bdc6;box-shadow:0 12px 22px rgba(37,67,87,.16),inset 0 0 0 2px #fff}.station-card.active{border-color:var(--orange);background:linear-gradient(145deg,#fff8f2,#fff,#f9edf9)}.station-logo{width:100%;height:92px;display:grid;place-items:center;border:1px solid #d1dbe2;border-radius:10px;background:#fff;box-shadow:inset 0 1px #fff,0 3px 8px rgba(24,46,65,.07);overflow:hidden;text-align:center;padding:6px}.station-logo b{white-space:normal;font:22px/1 var(--display)}.station-logo.has-image img{width:100%;height:100%;object-fit:contain}.logo-europa b{font-style:italic;color:#1761b8;text-shadow:2px 2px #ed314c}.logo-road{border:9px solid #ef2323;background:#ffda19}.logo-road b{font-size:15px}.logo-record b{font-style:italic;font-size:25px}.logo-nashe b{color:#ef2c23;font-size:22px}.logo-dfm{background:linear-gradient(135deg,#ffe928 0 52%,#ed184f 52%)}.logo-dfm b{font-size:32px}.logo-retro b{color:#bf1a64;font-style:italic}.logo-monte b{font-family:serif;font-size:15px}.logo-love{background:#ff311b;color:#fff}.station-copy{align-self:stretch;min-width:0;display:grid;align-content:center;grid-template-columns:1fr auto;grid-template-areas:"name live" "genre live" "country likes";column-gap:8px}.station-copy strong{grid-area:name;font:13px var(--display);text-transform:uppercase;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.station-copy small:nth-of-type(1){grid-area:genre}.station-copy small:nth-of-type(2){grid-area:country}.station-copy small{font-size:9px;color:#6f7c8d}.station-copy em{grid-area:likes;font-style:normal;font-size:8px;color:#6d7d91;text-align:right}.card-live{position:absolute;right:11px;top:11px;font-size:7px;color:var(--orange);font-weight:900}.card-live i{background:var(--orange);width:5px;height:5px}.genre-tiles{display:grid;grid-template-columns:repeat(5,1fr) 1.15fr;gap:10px;margin-top:10px}.genre-tile,.country-tile{height:112px;position:relative;overflow:hidden;padding:17px;border-radius:13px;color:#fff;border:2px solid rgba(255,255,255,.65);box-shadow:0 6px 13px rgba(21,45,64,.13),inset 0 0 0 2px rgba(0,0,0,.18),inset 0 0 0 4px rgba(255,255,255,.23);display:flex;flex-direction:column;justify-content:flex-end;background-image:linear-gradient(90deg,rgba(0,90,97,.96),rgba(0,127,134,.35)),url("/assets/img/design-source.png");background-size:1488px 838px}.tone-purple{background-color:var(--purple)}.genre-tile.tone-purple{background-image:linear-gradient(90deg,rgba(73,7,99,.96),rgba(123,31,162,.35)),url("/assets/img/design-source.png")}.genre-tile.tone-orange{background-image:linear-gradient(90deg,rgba(181,42,8,.96),rgba(244,81,30,.35)),url("/assets/img/design-source.png")}.genre-art-1{background-position:-345px -793px}.genre-art-2{background-position:-555px -793px}.genre-art-3{background-position:-770px -793px}.genre-art-4{background-position:-970px -793px}.genre-art-5{background-position:-1165px -793px}.genre-tile b,.genre-tile span{position:relative;z-index:1}.genre-tile b{font:13px var(--display);text-transform:uppercase}.genre-tile span{font-size:9px}.country-tile{background:linear-gradient(145deg,#fff,#edf6f8);color:var(--ink);border-color:#c6d9e3;box-shadow:0 6px 13px rgba(21,45,64,.08),inset 0 0 0 2px #fff}.country-tile b{font:13px var(--display);text-transform:uppercase}.country-tile span{margin-top:auto;font-weight:800}.country-tile small{color:#75869a}.site-footer{margin-top:24px;padding:24px 0 40px;border-top:1px solid #d7e1e8;display:grid;grid-template-columns:180px 1fr auto;gap:25px;align-items:center;color:#66768a;font-size:10px}.site-footer img{width:160px}.site-footer nav{display:flex;gap:18px}.mobile-now{display:none}
.inner-hero,.directory-page>header,.form-page>header,.admin-page>header{margin-top:18px;padding:35px;border-radius:20px;background:linear-gradient(145deg,#0098a0,#00636b);color:#fff}.inner-hero span,.directory-page header span,.form-page header span,.admin-page header span,.dashboard header span,.owner-hero>span{font:10px var(--display);letter-spacing:.12em}.inner-hero h1,.directory-page h1,.form-page header h1,.admin-page h1,.dashboard h1,.owner-hero h1{margin:8px 0;font:36px/1.05 var(--display);text-transform:uppercase}.inner-hero p,.directory-page header p,.form-page header p,.admin-page header p{max-width:680px;margin:8px 0 0}.empty{padding:35px;border:1px dashed #b6cad6;border-radius:15px}.auth-wrap{min-height:calc(100vh - 150px);display:grid;place-items:center;padding:30px}.auth-card{width:min(480px,100%);padding:30px;border:1px solid #bed2df;border-radius:22px;background:#fff;box-shadow:0 20px 60px rgba(44,79,103,.15)}.auth-card h1{font:27px var(--display);text-transform:uppercase}.oauth-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.oauth-grid a{padding:12px;border:1px solid #ccdbe5;border-radius:10px;text-align:center;font-weight:800}.or{display:flex;align-items:center;gap:10px;margin:20px 0;color:#8190a2;font-size:10px}.or:before,.or:after{content:"";height:1px;background:#dbe4eb;flex:1}.auth-card form,.radio-form{display:grid;gap:14px}.auth-card label,.radio-form label{display:grid;gap:6px;font-weight:700;font-size:12px}.auth-card input,.radio-form input,.radio-form select,.radio-form textarea,.moderation-row textarea{width:100%;border:1px solid #c6d6e1;border-radius:10px;background:#fff;padding:11px;outline:0}.auth-card input:focus,.radio-form input:focus,.radio-form select:focus,.radio-form textarea:focus{border-color:var(--teal);box-shadow:0 0 0 3px #007f8615}.primary-button{min-height:44px;border:0;border-radius:10px;background:linear-gradient(145deg,#ff6c2d,#d4370e);color:#fff;padding:12px 20px;font:12px var(--display);text-transform:uppercase;box-shadow:0 7px 15px #cf3d163d;cursor:pointer;display:inline-grid;place-items:center}.auth-card details{margin-top:20px}.auth-card summary{cursor:pointer;color:var(--teal);font-weight:800}.auth-card details form{margin-top:15px}.form-page{max-width:1040px;margin:auto}.form-page header{background:linear-gradient(145deg,#9229b0,#53106f)}.radio-form{margin-top:14px;padding:25px;border:1px solid #c3d6e2;border-radius:20px;background:#fff}.owner-choice{border:0;padding:0;margin:0;display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.owner-choice legend{margin-bottom:8px;font:18px var(--display);text-transform:uppercase}.owner-choice label{display:flex;align-items:center;padding:15px;border:1px solid #c8d8e3;border-radius:12px}.owner-choice label:has(input:checked){border-color:var(--teal);background:#effafb}.owner-choice input{width:auto}.owner-choice span{display:grid}.owner-choice small,.partner-check small{color:#76869a;font-weight:400}.form-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}.form-grid .full{grid-column:1/-1}.partner-check{display:flex!important;align-items:center;padding:17px;border:1px solid #f8a680;border-radius:13px;background:#fff8f3}.partner-check input,.agree input{width:auto}.partner-check span{display:grid}.stream-row{display:grid!important;grid-template-columns:150px 1fr;align-items:center}.stream-input{display:flex;align-items:center;border:1px solid #c6d6e1;border-radius:10px;overflow:hidden}.stream-input i{padding-left:10px;font-style:normal;color:var(--teal);white-space:nowrap}.stream-input input{border:0}.ghost-button{justify-self:start;padding:9px 13px;border:1px solid #bad1dc;border-radius:9px;background:#fff;color:var(--teal);cursor:pointer}.agree{display:flex!important;align-items:center}.dashboard{display:grid;grid-template-columns:220px 1fr;gap:18px;padding-top:18px}.dashboard>aside{padding:18px;border:1px solid #c2d5e0;border-radius:18px;background:#fff}.user-badge{display:grid;place-items:center;gap:5px;text-align:center}.user-badge i{width:58px;height:58px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(145deg,#01a0a8,#00666d);color:#fff;font:24px var(--display);font-style:normal}.user-badge small{color:#75859a}.dashboard aside nav{display:grid;margin-top:20px}.dashboard aside nav a{padding:10px;border-bottom:1px solid #edf1f4}.dashboard header{padding:24px;border-radius:18px;background:linear-gradient(145deg,#7b1fa2,#4d1269);color:#fff}.stat-cards,.admin-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:12px 0}.stat-cards article,.admin-stats article{padding:18px;border:1px solid #c6d8e3;border-radius:14px;background:#fff;display:grid}.stat-cards b,.admin-stats b{font:27px var(--display);color:var(--teal)}.stat-cards span,.admin-stats span{color:#6b7a8d}.dash-card,.admin-card{margin-top:12px;padding:20px;border:1px solid #c6d8e3;border-radius:16px;background:#fff}.dash-card h2,.admin-card h2,.points-explain h2{font:20px var(--display);text-transform:uppercase}.service-settings{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.service-settings label{padding:10px;border:1px solid #d2dee6;border-radius:9px}.submission{display:grid;grid-template-columns:auto auto 1fr;gap:15px;padding:12px;border-bottom:1px solid #e1e8ed}.owner-page{padding-top:18px}.owner-hero{min-height:340px;padding:50px;border-radius:22px;background:linear-gradient(105deg,rgba(79,8,105,.94),rgba(123,31,162,.78)),url("/assets/img/design-source.png");background-size:cover;background-position:center;color:#fff}.owner-hero p{max-width:660px;font-size:16px}.owner-hero .primary-button{width:190px;margin-top:14px}.benefit-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:14px}.benefit-grid article{padding:24px;border:1px solid #c1d6e1;border-radius:16px;background:#fff}.benefit-grid article>b{font:36px var(--display);color:var(--orange)}.benefit-grid h2{font:17px var(--display);text-transform:uppercase}.points-explain{margin-top:14px;padding:25px;border:1px solid #c1d6e1;border-radius:18px;background:#fff}.points-explain>div{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.points-explain article{display:grid;gap:5px;padding:15px;border-radius:12px;background:#f2f7fa}.points-explain article b{font:13px var(--display);text-transform:uppercase}.points-explain article span{color:var(--purple);font-weight:900}.points-explain article small{color:#738397}.admin-page header{background:linear-gradient(145deg,#111827,#28354a)}.moderation-row{display:grid;grid-template-columns:1fr 330px;gap:18px;padding:16px 0;border-bottom:1px solid #dce5eb}.moderation-row>div{display:grid;gap:5px}.moderation-row small,.moderation-row code{color:#6a7a8d}.moderation-row form{display:grid;gap:7px}.moderation-row form>div{display:flex;gap:5px}.moderation-row button{padding:7px;border:0;border-radius:7px;background:var(--teal);color:#fff;cursor:pointer}.moderation-row button:nth-child(2){background:var(--orange)}.moderation-row button:nth-child(3){background:#6c7280}.table-wrap{overflow:auto}table{width:100%;border-collapse:collapse}th,td{padding:10px;border-bottom:1px solid #dce5eb;text-align:left}.directory-page{padding-top:18px}.directory-page>header{background:linear-gradient(145deg,#00878f,#005d64)}.directory-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-top:14px}.directory-grid a{min-height:110px;padding:18px;border-radius:14px;background:linear-gradient(145deg,#008d95,#006068);color:#fff;display:flex;flex-direction:column;justify-content:flex-end;box-shadow:inset 0 0 0 2px rgba(255,255,255,.25)}.directory-grid a:nth-child(3n+2){background:linear-gradient(145deg,#9430b3,#581075)}.directory-grid a:nth-child(3n){background:linear-gradient(145deg,#ff6327,#c93611)}.directory-grid a b{font:16px var(--display);text-transform:uppercase}.directory-grid a span{font-size:10px}.directory-grid.countries a{background:linear-gradient(145deg,#fff,#eaf3f7);color:var(--ink);border:1px solid #bfd3df}.station-page{display:grid;grid-template-columns:38% 1fr;gap:25px;margin-top:22px;padding:25px;border:1px solid #bdd3df;border-radius:20px;background:#fff}.station-page>.station-logo{height:320px}.station-page article>span{font:10px var(--display);color:var(--teal)}.station-page h1{font:38px var(--display);text-transform:uppercase}.station-page p{font-size:16px;line-height:1.7}.station-page .primary-button{border:0}.station-page dl{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-top:25px}.station-page dl div{padding:12px;border-radius:10px;background:#eef5f8}.station-page dt{font-size:9px;color:#728196}.station-page dd{margin:4px 0 0;font-weight:800}
@media(max-height:850px) and (min-width:761px){.radio-player{padding-top:7px}.player-brand{height:62px}.player-brand img{height:55px}.player-cover{min-height:175px;height:23vh}.player-station{padding-top:6px}.player-station h2{font-size:16px}.player-controls{height:54px}.glass-play{width:50px;height:50px!important}.recent>button{height:32px}.service-box{padding:3px 0}.music-services a{width:24px;height:24px}.radio-player footer{height:18px}}
@media(max-width:1450px){:root{--sidebar:286px}.radio-player{padding-left:13px;padding-right:13px}.site-shell{padding:0 14px}.site-header{grid-template-columns:1fr minmax(250px,360px) auto}.site-header nav{gap:15px}.site-header nav a{font-size:9px}.header-actions>a span{display:none}.hero-teal{padding:30px}.hero-teal h1{font-size:29px}.hero-purple{padding:28px}.hero-purple h2{font-size:22px}.station-logo b{font-size:18px}.partner-banner{grid-template-columns:80px 1fr auto 135px}.genre-tiles{grid-template-columns:repeat(3,1fr)}}
@media(max-width:1160px){.site-header{grid-template-columns:1fr 280px auto}.site-header nav a:nth-child(n+6){display:none}.hero-grid{grid-template-columns:1fr 1fr}.hero-purple{grid-column:1/-1;height:170px}.hero-purple ul{grid-template-columns:repeat(3,1fr)}.collections{grid-template-columns:repeat(3,1fr)}.collection:nth-child(n+4){display:none}.partner-banner{grid-template-columns:70px 1fr auto}.partner-banner>i{display:none}.station-heading{grid-template-columns:1fr auto}.chips{grid-column:1/-1;grid-row:2}.station-grid{grid-template-columns:1fr}.genre-tiles{grid-template-columns:repeat(3,1fr)}.site-footer{grid-template-columns:150px 1fr}.site-footer nav{display:none}.points-explain>div{grid-template-columns:repeat(2,1fr)}}
@media(max-width:760px){:root{--sidebar:0px}body{padding-bottom:67px}.radio-player{display:none}.site-shell{width:100%;margin:0;padding:0 12px}.site-header{height:70px;grid-template-columns:42px 1fr auto;gap:8px}.mobile-menu{display:grid;place-items:center;width:36px;height:36px;border:1px solid #c7d7e2;border-radius:9px;background:#fff}.site-header nav{display:none;position:absolute;left:0;right:0;top:69px;height:auto;padding:10px;border:1px solid #c7d7e2;border-radius:12px;background:#fff;box-shadow:0 12px 25px #1b34454a;z-index:50}.site-header nav.open{display:grid}.site-header nav a,.site-header nav a:nth-child(n){display:block;height:auto;padding:10px}.global-search{height:38px}.header-actions>a:not(.account){display:none}.hero-grid{grid-template-columns:1fr;padding-top:8px}.glass-panel{height:220px}.hero-teal{padding:28px}.hero-teal h1{font-size:27px}.hero-photo{height:240px;background-position:center 10%;background-size:cover}.hero-purple{grid-column:auto;height:auto}.hero-purple ul{grid-template-columns:1fr}.collections{grid-template-columns:1fr 1fr}.collection:nth-child(n){display:flex}.collection{height:100px}.collection:nth-child(5){display:none}.partner-banner{grid-template-columns:58px 1fr;padding:12px;gap:10px}.partner-logo{width:55px;height:50px}.partner-logo b{font-size:21px}.partner-banner strong{font-size:14px}.partner-banner .bonus{display:none}.station-heading{display:flex;align-items:start;flex-direction:column}.filters{width:100%}.filters select{flex:1}.station-card{height:96px;grid-template-columns:40% 1fr}.station-logo{height:78px}.station-copy strong{font-size:11px}.genre-tiles{grid-template-columns:1fr 1fr}.genre-tile,.country-tile{height:100px}.site-footer{grid-template-columns:1fr;text-align:center}.site-footer img{margin:auto}.mobile-now{position:fixed;display:grid;grid-template-columns:1fr 52px;align-items:center;gap:10px;left:10px;right:10px;bottom:8px;z-index:70;height:56px;padding:5px 5px 5px 16px;border:1px solid #91c5ce;border-radius:16px;background:rgba(0,86,94,.94);backdrop-filter:blur(12px);color:#fff;box-shadow:0 10px 30px #17344566;font:12px var(--display);text-transform:uppercase}.mobile-now button{width:46px;height:46px;border:2px solid #ffb18e;border-radius:50%;background:linear-gradient(145deg,#ff6f2d,#d73b12);color:#fff}.owner-choice,.form-grid{grid-template-columns:1fr}.form-grid .full{grid-column:auto}.stream-row{grid-template-columns:1fr}.dashboard{grid-template-columns:1fr}.dashboard>aside{position:static}.stat-cards,.admin-stats{grid-template-columns:1fr 1fr}.service-settings{grid-template-columns:1fr 1fr}.benefit-grid{grid-template-columns:1fr}.points-explain>div{grid-template-columns:1fr}.moderation-row{grid-template-columns:1fr}.directory-grid{grid-template-columns:1fr 1fr}.station-page{grid-template-columns:1fr;padding:15px}.station-page>.station-logo{height:220px}.station-page h1{font-size:28px}.station-page dl{grid-template-columns:1fr 1fr}.inner-hero h1,.directory-page h1,.form-page header h1,.admin-page h1,.dashboard h1,.owner-hero h1{font-size:27px}.owner-hero{padding:28px}.auth-wrap{padding:16px 0}}
@media(max-width:420px){.collections{grid-template-columns:1fr}.collection:nth-child(n+4){display:none}.genre-tiles,.directory-grid{grid-template-columns:1fr}.station-card{grid-template-columns:38% 1fr}.station-logo b{font-size:14px}.service-settings{grid-template-columns:1fr}.stat-cards,.admin-stats{grid-template-columns:1fr}.site-header .account span{display:none}}

/* Precision overrides after visual comparison with the selected RUFM reference. */
.player-brand img{width:calc(100% + 22px);max-width:none;height:78px}.player-cover,.hero-photo,.collection,.genre-tile{background-repeat:no-repeat}.hero-photo{background-size:368% auto;background-position:66.8% 13%}.collection{background-size:640% auto;background-position-y:47%}.collection.c1{background-position:24.6% 47%}.collection.c2{background-position:43.8% 47%}.collection.c3{background-position:61.7% 47%}.collection.c4{background-position:79.9% 47%}.collection.c5{background-position:97.7% 47%}
@media(max-height:850px) and (min-width:761px){.player-brand img{height:64px}}
@media(max-width:760px){.hero-photo{background-size:cover;background-position:center}.collection{background-size:640% auto}}
.player-cover{background-size:1638px 922px;background-position:-22px -101px}
.collection:before{content:"";position:absolute;inset:0 38% 0 0;z-index:1;background:linear-gradient(90deg,rgba(0,76,82,.99) 0 58%,rgba(0,76,82,.9) 78%,transparent)}.collection.c2:before,.collection.c5:before{background:linear-gradient(90deg,rgba(74,8,101,.99) 0 58%,rgba(74,8,101,.9) 78%,transparent)}.collection.c3:before{background:linear-gradient(90deg,rgba(180,43,10,.99) 0 58%,rgba(180,43,10,.9) 78%,transparent)}.collection b,.collection span{z-index:2}
@media(max-width:1450px){.player-cover{background-size:1510px 850px;background-position:-20px -93px}}
.check-stream{justify-self:start;margin-top:6px;padding:7px 10px;border:1px solid #91c5ce!important;border-radius:8px!important;background:#effafb!important;color:#007f86!important;font-weight:800}
.owner-promo-link{display:inline-grid;place-items:center;min-height:44px;margin:14px 0 0 10px;padding:11px 16px;border:1px solid rgba(255,255,255,.55);border-radius:10px;color:#fff;font:11px var(--display);text-transform:uppercase}
.station-seo-links{display:flex;flex-wrap:wrap;gap:7px 15px;padding-top:10px;color:#748396;font-size:8px}.station-seo-links a:hover{color:#007f86;text-decoration:underline}
.player-cover{height:min(27vh,244px)}
@media(max-width:760px){.hero-photo{background-size:430% auto;background-position:63.2% 13%}}
@media(max-height:850px) and (min-width:761px){.player-cover{height:23vh;min-height:170px}}
.track-list{display:grid;gap:8px}.track-list article{display:grid;grid-template-columns:44px 1fr auto;align-items:center;gap:10px;padding:8px;border:1px solid #d7e2e9;border-radius:10px}.track-list article>img,.track-list article>i{width:42px;height:42px;border-radius:8px;object-fit:cover;display:grid;place-items:center;background:#eef6f8;color:#007f86;font-style:normal;font-size:20px}.track-list article>span{min-width:0;display:grid}.track-list article small{color:#6f7e91;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.track-list nav{display:flex;gap:5px}.track-list nav a{width:28px;height:28px;border:1px solid #c5d7e1;border-radius:7px;display:grid;place-items:center;font-size:8px;font-weight:900}
.music-services .mts{color:#e00034}.music-services .deezer{color:#6c38c7}.music-services .tidal{color:#111827}.music-services .soundcloud{color:#f4511e}
.genre-admin-form{display:grid;grid-template-columns:1fr 1fr 1fr 100px 140px;gap:8px}.genre-admin-form input,.genre-admin-form select,.genre-admin-row input{min-width:0;padding:9px;border:1px solid #c8d7e1;border-radius:8px}.genre-admin-row{display:grid;grid-template-columns:1.2fr 1fr 90px 100px 100px;gap:8px;align-items:center;padding:7px 0;border-bottom:1px solid #e1e8ed}.genre-admin-row button{padding:9px;border:0;border-radius:8px;background:#007f86;color:#fff}@media(max-width:900px){.genre-admin-form,.genre-admin-row{grid-template-columns:1fr 1fr}.genre-admin-form .primary-button{grid-column:1/-1}}

/* Reference-aligned visual system v4 */
body{color:#0d1c31;background:radial-gradient(circle at 50% -12%,#e5fbfd 0,transparent 34%),#f7f9fc}

/* The three hero pieces read as one interlocking glass construction. */
.hero-grid{position:relative;grid-template-columns:1.04fr .96fr .92fr;gap:0;padding-top:10px;isolation:isolate;filter:drop-shadow(0 10px 14px rgba(28,51,71,.09))}
.hero-grid .glass-panel{height:270px}
.hero-teal{z-index:1;margin-right:-13px;padding:38px 52px 38px 37px;border-radius:18px 10px 10px 18px;background:linear-gradient(145deg,#08aab4 0,#007f86 48%,#005965 100%)}
.hero-photo{z-index:3;width:calc(100% + 26px);margin-left:-13px;margin-right:-13px;border-radius:15px;background-size:390.7% auto;background-position:64.7% 12.5%}
.hero-photo:before{content:"";position:absolute;right:-13px;top:39px;z-index:4;width:27px;height:108px;border:2px solid rgba(255,255,255,.62);border-left:0;border-radius:0 17px 17px 0;background:linear-gradient(145deg,#ff6a27,#cf3d16);box-shadow:inset -2px 0 0 rgba(120,28,5,.35),inset -4px 0 0 rgba(255,255,255,.22),4px 0 9px rgba(71,26,18,.08);pointer-events:none}
.hero-purple{z-index:1;margin-left:-13px;padding:34px 38px 34px 51px;border-radius:10px 18px 18px 10px;background:linear-gradient(145deg,#a12db9 0,#7b1fa2 48%,#471060 100%)}
.hero-photo .hero-live,.hero-photo>b{display:block}
.hero-teal:before,.hero-purple:before{content:"";position:absolute;top:22px;bottom:22px;width:7px;border-radius:8px;background:linear-gradient(rgba(255,255,255,.8),rgba(255,255,255,.08),rgba(255,255,255,.5));opacity:.55;pointer-events:none}
.hero-teal:before{left:6px}.hero-purple:before{right:6px}

/* Player: clear typography, real station-specific fallback artwork and track voting. */
.radio-player{color:#0b1a2e}
.player-status{font-size:10px;color:#53657a;font-weight:650}
.player-cover{display:grid;place-items:center;height:min(29vh,258px);min-height:205px;background:linear-gradient(150deg,#effafd 0,#f9f5ff 48%,#fff4ed 100%);border-color:#c8dce7;box-shadow:0 12px 26px rgba(35,66,88,.14),inset 0 0 0 2px #fff,inset 0 0 0 4px rgba(0,127,134,.08)}
.player-cover-fallback{position:absolute;inset:10px;z-index:1;display:grid;place-items:center;padding:20px;border:1px solid rgba(150,181,199,.72);border-radius:12px;background:linear-gradient(145deg,rgba(255,255,255,.98),rgba(236,244,248,.92));box-shadow:inset 0 1px #fff,0 8px 20px rgba(41,67,86,.1);overflow:hidden;text-align:center;transition:opacity .2s ease}
.player-cover-fallback:before{content:"";position:absolute;inset:0;background:linear-gradient(145deg,rgba(255,255,255,.72) 0,rgba(255,255,255,.08) 32%,transparent 33% 72%,rgba(0,127,134,.06));pointer-events:none}
.player-cover-fallback b{position:relative;z-index:1;max-width:100%;font:38px/1 var(--display);overflow-wrap:anywhere}
.player-cover-fallback img{position:relative;z-index:1;width:100%;height:100%;object-fit:contain}
.player-cover-fallback.logo-europa b{font-style:italic;color:#1761b8;text-shadow:2px 2px #ed314c}
.player-cover-fallback.logo-road{border:10px solid #ef2323;background:#ffda19}.player-cover-fallback.logo-road b{font-size:25px}
.player-cover-fallback.logo-record b{font-style:italic;font-size:39px}
.player-cover-fallback.logo-nashe b{color:#ef2c23;font-size:34px}
.player-cover-fallback.logo-dfm{background:linear-gradient(135deg,#ffe928 0 52%,#ed184f 52%)}.player-cover-fallback.logo-dfm b{font-size:54px}
.player-cover-fallback.logo-retro b{color:#bf1a64;font-style:italic;font-size:38px}
.player-cover-fallback.logo-monte b{font:34px/1.05 Georgia,serif}
.player-cover-fallback.logo-love{background:#ff311b;color:#fff}.player-cover-fallback.logo-love b{font-size:44px}
.player-cover.has-track-cover .player-cover-fallback{opacity:0}
.frequency{display:grid;gap:2px;right:9px;top:9px;padding:6px 8px;font-family:var(--body);line-height:1.05;text-transform:uppercase}
.frequency b{font:11px var(--display)}.frequency small{max-width:86px;font-size:7px;font-weight:800;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.player-station{padding-top:11px}.player-station h2{font-size:19px;line-height:1.15}.player-station p{font-size:11px;color:#53657a;font-weight:600}
.now-playing{gap:2px;padding-top:7px}.now-playing span{font-size:10px;color:#65758a}.now-playing strong,.now-playing b{font-size:13px;line-height:1.25;color:#101d31}.now-playing small{font-size:9px;color:#007f86}
.vote-button{display:grid;place-items:center;width:34px;height:34px;padding:0;border-color:#b7cbd8!important;background:rgba(255,255,255,.75)!important;font-family:"Segoe UI Emoji","Apple Color Emoji",sans-serif!important;font-size:16px!important;filter:grayscale(.25)}
.vote-button:hover,.vote-button.active{background:#fff0e9!important;border-color:#ff8f68!important;filter:none;transform:translateY(-1px)}
.service-box>div,.recent>div{font-size:10px}.service-box a,.recent a{font-size:9px}.recent>button b{font-size:10px}.recent>button small{font-size:8px}.recent time{font-size:8px}

/* Dense four-column radio showcase with a stronger glass rim and reflection. */
.section-title h2{font-size:18px;letter-spacing:.005em}.section-title a{font-size:10px;font-weight:700}.chips a{font-size:10px}.filters select{font-size:10px}
.station-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-top:10px}
.station-card{height:112px;grid-template-columns:minmax(126px,48%) minmax(0,1fr);gap:9px;padding:7px;border:1px solid #9fc4d5;border-radius:15px;background:linear-gradient(145deg,rgba(255,255,255,.99) 0,rgba(247,251,253,.98) 47%,rgba(226,238,245,.94) 100%);box-shadow:0 7px 15px rgba(31,62,82,.11),inset 0 0 0 2px rgba(255,255,255,.96),inset 0 0 0 4px rgba(0,127,134,.07),inset 0 -3px 7px rgba(0,127,134,.06)}
.station-card:after{content:"";position:absolute;inset:3px;border-radius:11px;background:linear-gradient(145deg,rgba(255,255,255,.66) 0,rgba(255,255,255,.08) 29%,transparent 30% 74%,rgba(0,127,134,.05));pointer-events:none}
.station-card:hover{transform:translateY(-2px);border-color:#38a6b0;box-shadow:0 13px 25px rgba(31,62,82,.17),inset 0 0 0 2px #fff,inset 0 0 0 4px rgba(0,127,134,.12)}
.station-card.active{border-color:#ff7443;background:linear-gradient(145deg,#fff9f4,#fff,#f8effb)}
.station-logo{height:96px;padding:5px;border-color:#c4d5df;border-radius:10px;box-shadow:inset 0 1px #fff,inset 0 -4px 10px rgba(39,72,93,.04),0 4px 10px rgba(24,46,65,.07)}
.station-logo b{font-size:19px}.station-logo.logo-dfm b{font-size:27px}.station-logo.logo-road b{font-size:12px}.station-logo.logo-record b{font-size:21px}.station-logo.logo-nashe b{font-size:18px}
.station-copy{position:relative;z-index:2;align-content:center;grid-template-columns:1fr;grid-template-areas:"name" "genre" "country" "likes";row-gap:2px;padding:14px 27px 8px 0}
.station-copy strong{font-size:11px;line-height:1.2}.station-copy small{font-size:8px;line-height:1.2;color:#5f7084}.station-copy em{font-size:8px;text-align:left;color:#5c7187}
.card-live{z-index:3;right:9px;top:8px;font-size:6px}
.card-action{position:absolute;right:9px;bottom:9px;z-index:3;width:27px;height:27px;display:grid;place-items:center;border:1px solid #bdd5df;border-radius:50%;background:linear-gradient(145deg,#fff,#e7f3f6);color:#007f86;font-size:10px;box-shadow:inset 0 1px #fff,0 3px 7px rgba(30,63,82,.1)}

/* Correct source crops: the old Y offset exposed the white page beneath the artwork. */
.genre-tile,.country-tile{height:112px}
.genre-tile{background-size:866% auto;background-position-y:98%}
.genre-art-1{background-position-x:23.2%}.genre-art-2{background-position-x:37.2%}.genre-art-3{background-position-x:51.5%}.genre-art-4{background-position-x:65.1%}.genre-art-5{background-position-x:78.4%}
.genre-tile b{font-size:13px}.genre-tile span{font-size:9px}

@media(max-width:1450px) and (min-width:1161px){
  .station-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
  .station-card{grid-template-columns:minmax(125px,46%) minmax(0,1fr)}
  .hero-teal h1{font-size:29px}
}
@media(max-width:1160px) and (min-width:761px){
  .station-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .station-card{grid-template-columns:minmax(145px,46%) minmax(0,1fr)}
  .hero-grid{gap:8px}.hero-teal,.hero-photo,.hero-purple{width:auto;margin:0;border-radius:17px}
  .hero-photo .hero-live,.hero-photo>b{display:none}.hero-photo:before{display:none}
}
@media(max-width:760px){
  .hero-grid{grid-template-columns:1fr;gap:8px;filter:none}.hero-teal,.hero-photo,.hero-purple{width:auto;margin:0;border-radius:17px;padding-left:28px;padding-right:28px}
  .hero-photo .hero-live,.hero-photo>b{display:none}.hero-photo:before{display:none}
  .station-grid{grid-template-columns:1fr}.station-card{grid-template-columns:minmax(132px,45%) minmax(0,1fr)}
  .genre-art-1,.genre-art-2,.genre-art-3,.genre-art-4,.genre-art-5{background-position-y:98%}
}

/* Reference-precise desktop composition v5 */
.site-header nav a{font-size:13px}
.header-actions>a{font-size:11px}
.global-search input{font-size:13px}
.section-title h2{font-size:21px}
.section-title a{font-size:11px}
.chips a{font-size:11px}
.chips a.active{padding:7px 12px}
.filters select{height:35px;font-size:11px}

/* The player keeps one square cover and only the two track votes around Play. */
.player-cover{width:100%;height:auto!important;min-height:0!important;max-height:none!important;aspect-ratio:1/1;flex:0 0 auto}
.player-cover-fallback{inset:8px;border-width:2px}
.player-cover-fallback b{font-size:44px}
.player-station h2{font-size:20px}
.player-station p{font-size:12px;color:#41536a}
.now-playing span{font-size:11px;color:#52647a}
.now-playing strong,.now-playing b{font-size:14px;line-height:1.3}
.now-playing small{font-size:10px}
.player-controls{height:72px;grid-template-columns:42px 68px 42px;justify-content:center;gap:28px}
.vote-button{width:38px;height:38px;font-size:18px!important}
.glass-play{width:62px;height:62px!important;font-size:22px!important}
.volume{font-size:12px}
.volume small{font-size:10px}
.service-box>div,.recent>div{font-size:11px}
.service-box a,.recent a{font-size:10px}
.recent>button{height:42px;grid-template-columns:34px 1fr 32px;gap:8px}
.recent .station-logo.small{width:32px;height:32px}
.recent>button b{font-size:11px}
.recent>button small{font-size:9px}
.recent time{font-size:9px}
.radio-player footer{font-size:9px}

/* Stronger molded glass for live station cards. */
.station-card{height:116px;grid-template-columns:minmax(132px,48%) minmax(0,1fr);padding:8px;border:2px solid rgba(255,255,255,.96);outline:1px solid #a8c8d7;outline-offset:-1px;border-radius:16px;background:linear-gradient(145deg,rgba(255,255,255,.99) 0,rgba(247,251,253,.98) 43%,rgba(226,239,246,.96) 100%);box-shadow:0 9px 18px rgba(34,67,88,.14),inset 0 0 0 2px rgba(151,190,207,.44),inset 0 0 0 4px rgba(255,255,255,.92),inset 0 -5px 12px rgba(0,127,134,.08)}
.station-card:before{content:"";position:absolute;left:10px;right:10px;top:4px;z-index:3;height:2px;border-radius:2px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.98) 15% 85%,transparent);pointer-events:none}
.station-card:after{inset:4px;border:1px solid rgba(122,167,188,.22);border-radius:11px;background:linear-gradient(152deg,rgba(255,255,255,.78) 0,rgba(255,255,255,.2) 24%,transparent 25% 68%,rgba(0,127,134,.07) 100%)}
.station-card:hover{outline-color:#32a4ae;border-color:#fff;box-shadow:0 14px 28px rgba(34,67,88,.2),inset 0 0 0 2px rgba(0,127,134,.32),inset 0 0 0 4px #fff}
.station-card.active{outline-color:#ff6d38;border-color:#fff;box-shadow:0 11px 23px rgba(207,61,22,.18),inset 0 0 0 2px rgba(244,81,30,.32),inset 0 0 0 4px #fff}
.station-logo{height:98px;border:2px solid #fff;outline:1px solid #c0d3de;outline-offset:-1px;border-radius:11px;box-shadow:0 5px 12px rgba(31,60,79,.11),inset 0 0 0 2px rgba(177,203,216,.24),inset 0 10px 20px rgba(255,255,255,.5)}
.station-logo:after{content:"";position:absolute;inset:0;background:linear-gradient(145deg,rgba(255,255,255,.52),transparent 34% 72%,rgba(255,255,255,.16));pointer-events:none}
.station-logo{position:relative}
.station-logo b,.station-logo img{position:relative;z-index:1}
.station-copy{padding:14px 31px 10px 1px;row-gap:3px}
.station-copy strong{font-size:14px;line-height:1.25}
.station-copy small{font-size:11px;line-height:1.25;color:#485b70}
.station-copy em{font-size:11px;color:#4c647a}
.card-live{right:10px;top:9px;font-size:7px}
.card-action{right:10px;bottom:10px;width:30px;height:30px;border:2px solid #fff;outline:1px solid #a9c9d7;font-size:11px;box-shadow:0 4px 9px rgba(30,63,82,.14),inset 0 0 0 2px rgba(0,127,134,.08)}

@media(min-width:1161px){
  /* Exact crop of the selected reference: no separately drawn seams, hence no gaps. */
  .hero-grid{height:272px;overflow:hidden;border-radius:18px;background-image:url("/assets/img/design-source.png");background-repeat:no-repeat;background-size:127.44% 345.96%;background-position:95.56% 12.86%;filter:drop-shadow(0 10px 15px rgba(28,51,71,.12))}
  .hero-grid .glass-panel{height:272px!important;width:auto!important;margin:0!important;padding:0!important;border:0!important;border-radius:0!important;background:none!important;box-shadow:none!important;overflow:visible}
  .hero-grid .glass-panel:before,.hero-grid .glass-panel:after{display:none!important}
  .hero-grid .glass-panel>h1,.hero-grid .glass-panel>h2,.hero-grid .glass-panel>p,.hero-grid .glass-panel>ul,.hero-grid .hero-live,.hero-grid .hero-photo>b{opacity:0!important}
  .hero-grid .hero-teal a{position:absolute;left:36px;bottom:34px;z-index:6;width:180px;height:44px;margin:0;padding:0;border:0;background:transparent;box-shadow:none;color:transparent;overflow:hidden}
  .hero-grid .hero-teal a:focus-visible{outline:3px solid #fff;outline-offset:3px}

  /* Independent molded tiles: the artwork is cropped per card, so it cannot drift through grid gaps. */
  .collections{height:auto;overflow:visible;border-radius:0;background:none;box-shadow:none}
  .collection{height:119px!important;padding:16px 16px 15px 17px!important;border:2px solid rgba(255,255,255,.94)!important;outline:1px solid rgba(73,122,145,.66);outline-offset:-1px;border-radius:15px!important;color:#fff!important;background-repeat:no-repeat!important;background-size:656% 811%!important;box-shadow:0 8px 17px rgba(27,57,76,.16),inset 0 0 0 2px rgba(5,47,63,.38),inset 0 0 0 4px rgba(255,255,255,.42),inset 0 -8px 16px rgba(4,33,48,.19)!important}
  /* Copy and Play already belong to the exact artwork crop; DOM copy stays available to assistive technology. */
  .collection>*{opacity:0!important}
  .collection:before{display:none!important}
  .collection:after{display:block!important;inset:3px;border:1px solid rgba(255,255,255,.25);border-radius:10px;background:linear-gradient(151deg,rgba(255,255,255,.38) 0,rgba(255,255,255,.07) 25%,transparent 26% 69%,rgba(255,255,255,.12));box-shadow:inset 0 1px rgba(255,255,255,.64)}
  .collection.c1{background-image:linear-gradient(90deg,rgba(0,86,94,.16),rgba(0,86,94,.03)),url("/assets/img/design-source.png")!important;background-position:24.3% 48.1%!important}
  .collection.c2{background-image:linear-gradient(90deg,rgba(77,10,104,.16),rgba(77,10,104,.03)),url("/assets/img/design-source.png")!important;background-position:43.7% 48.1%!important}
  .collection.c3{background-image:linear-gradient(90deg,rgba(196,48,9,.15),rgba(196,48,9,.03)),url("/assets/img/design-source.png")!important;background-position:61.3% 48.1%!important}
  .collection.c4{background-image:linear-gradient(90deg,rgba(0,86,94,.16),rgba(0,86,94,.03)),url("/assets/img/design-source.png")!important;background-position:79.9% 48.1%!important}
  .collection.c5{background-image:linear-gradient(90deg,rgba(77,10,104,.16),rgba(77,10,104,.03)),url("/assets/img/design-source.png")!important;background-position:98.5% 48.1%!important}
  .collection:hover{transform:translateY(-2px);filter:saturate(1.08);box-shadow:0 13px 24px rgba(27,57,76,.22),inset 0 0 0 2px rgba(5,47,63,.36),inset 0 0 0 4px rgba(255,255,255,.56)!important}
  .collection:focus-visible{outline:3px solid #ffb800;outline-offset:2px}

  .genre-tiles{height:auto;overflow:visible;border-radius:0;background:none;box-shadow:none}
  .genre-tile,.country-tile{height:110px!important;padding:17px!important;border:2px solid rgba(255,255,255,.94)!important;outline:1px solid rgba(73,122,145,.64);outline-offset:-1px;border-radius:14px!important;box-shadow:0 8px 17px rgba(27,57,76,.15),inset 0 0 0 2px rgba(5,47,63,.34),inset 0 0 0 4px rgba(255,255,255,.42),inset 0 -7px 14px rgba(4,33,48,.17)!important;color:#fff!important;background-repeat:no-repeat!important;background-size:857.4% 855.5%!important}
  /* These five curated crops already contain the reference labels and counts. */
  .genre-tile>*,.country-tile>*{opacity:0!important;position:relative;z-index:2}
  .genre-tile:after{display:block!important;inset:3px;border:1px solid rgba(255,255,255,.24);border-radius:9px;background:linear-gradient(151deg,rgba(255,255,255,.37),rgba(255,255,255,.06) 27%,transparent 28% 68%,rgba(255,255,255,.11))}
  .genre-tile{background-image:linear-gradient(90deg,rgba(0,86,94,.14),rgba(0,86,94,.02)),url("/assets/img/design-source.png")!important}
  .genre-tile.tone-purple{background-image:linear-gradient(90deg,rgba(77,10,104,.14),rgba(77,10,104,.02)),url("/assets/img/design-source.png")!important}
  .genre-tile.tone-orange{background-image:linear-gradient(90deg,rgba(196,48,9,.14),rgba(196,48,9,.02)),url("/assets/img/design-source.png")!important}
  .genre-art-1{background-position:23.3% 97.7%!important}.genre-art-2{background-position:37.2% 97.7%!important}.genre-art-3{background-position:52% 97.7%!important}.genre-art-4{background-position:65.4% 97.7%!important}.genre-art-5{background-position:78.9% 97.7%!important}
  .country-tile{color:var(--ink)!important;background-image:url("/assets/img/design-source.png")!important;background-size:588.7% 855.5%!important;background-position:100% 97.7%!important;box-shadow:0 8px 17px rgba(27,57,76,.1),inset 0 0 0 2px rgba(137,176,193,.27),inset 0 0 0 4px #fff!important}
  .genre-tile:hover,.country-tile:hover{transform:translateY(-2px);filter:saturate(1.08)}
  .genre-tile:focus-visible,.country-tile:focus-visible{outline:3px solid #ffb800;outline-offset:2px}
}

@media(max-width:1450px) and (min-width:1161px){
  .station-card{grid-template-columns:minmax(138px,46%) minmax(0,1fr)}
  .station-copy strong{font-size:13px}.station-copy small,.station-copy em{font-size:10px}
}

@media(max-width:760px){
  .site-header nav a{font-size:11px}
  .section-title h2{font-size:18px}
  .station-card{height:112px;grid-template-columns:minmax(138px,45%) minmax(0,1fr)}
  .station-logo{height:94px}
  .station-copy strong{font-size:12px}.station-copy small,.station-copy em{font-size:9px}
}