@import url('https://fonts.googleapis.com/css2?family=Golos+Text:wght@400;450;500;550;600;650;700;800;900&family=Manrope:wght@400;500;600;700;800&display=swap');

:root{--bg:#101212;--panel:#181b19;--line:#30342e;--text:#f0f1e9;--muted:#8b9188;--lime:#d5f779;--font:'Golos Text',Arial,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:30px}body{margin:0;background:var(--bg);color:var(--text);font-family:var(--font);padding-bottom:100px}button,a,input{-webkit-tap-highlight-color:transparent}button{font-family:inherit;cursor:pointer}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible,input:focus-visible{outline:2px solid var(--lime);outline-offset:6px}button{color:inherit}::selection{background:var(--lime);color:var(--bg)}.grain{position:fixed;inset:0;pointer-events:none;opacity:.035;z-index:8;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Cpath filter='url(%23n)' opacity='.8' d='M0 0h180v180H0z'/%3E%3C/svg%3E")}.site-shell{max-width:1440px;margin:auto;padding:0 64px}.header{height:112px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.logo{font-family:'Manrope',sans-serif;font-size:40px;font-weight:800;letter-spacing:-2.5px;display:flex;align-items:center;gap:10px}.logo-symbol{color:var(--lime);font-size:47px;font-weight:400;line-height:1}.logo-dot{font-size:12px;align-self:flex-start;margin:9px 0 0 -5px;letter-spacing:0}.header-caption,.live-pill,.eyebrow,.coordinate,.art-footer,.section-hint,.station-number,.station-status,.card-bottom,.manifesto-coordinates,footer,.on-air,.dialog-note{font-size:10px;font-weight:500;letter-spacing:1.2px}.header-caption{color:var(--muted);margin-left:20px}.live-pill{display:flex;gap:10px;align-items:center;border:1px solid var(--line);border-radius:30px;padding:12px 15px}.live-pill>span:last-child{margin-left:12px;font-size:16px}.live-dot{display:inline-block;background:var(--lime);width:6px;height:6px;border-radius:50%;box-shadow:0 0 10px #d5f73922;flex-shrink:0}.hero{display:grid;grid-template-columns:1.15fr 1fr;min-height:570px;align-items:center;gap:20px}.hero-copy{padding:54px 0 42px;position:relative;z-index:2}.eyebrow{color:var(--lime);display:flex;gap:10px;align-items:center}.small-cross{font-size:19px;font-weight:400}h1{font-size:clamp(42px,4.7vw,67px);font-weight:500;letter-spacing:-3.3px;line-height:1.12;margin:27px 0 25px;position:relative;white-space:nowrap}.italic{font-family:Georgia,serif;font-style:italic;color:var(--lime);font-weight:400;letter-spacing:-3px}.heading-star{display:inline-block;font-size:37px;color:var(--lime);vertical-align:top;margin:5px 0 0 14px}.intro{font-size:14px;line-height:1.85;color:#a3a89f;margin:0 0 28px}.primary-button{border:0;background:var(--lime);color:#192014;display:flex;align-items:center;gap:15px;padding:18px 21px;border-radius:5px;font-size:13px;font-weight:600;transition:transform .2s,background .2s}.primary-button:hover{background:#e3ff9e;transform:translateY(-3px)}.button-play{font-size:12px}.button-arrow{font-size:20px;margin-left:22px}.listeners{display:flex;align-items:center;gap:13px;margin-top:32px;font-size:10px;color:#a3a89f}.listeners strong{color:var(--text);font-weight:500}.listeners-note{display:block;margin-top:5px;font-size:9px;color:#6f786c}.avatars{display:flex;padding-left:4px}.avatars span{width:28px;height:28px;border:3px solid var(--bg);border-radius:50%;display:grid;place-items:center;margin-left:-5px;background:#988d78;color:#252c21;font-size:20px}.avatars span:nth-child(2){background:#b6bda7}.avatars span:nth-child(3){background:#b7a0bb}.avatars span:nth-child(4){background:#d1b391}.space-art{height:460px;position:relative;isolation:isolate;overflow:hidden}.art-grid{position:absolute;inset:20px;background-image:linear-gradient(#69705a13 1px,transparent 1px),linear-gradient(90deg,#69705a13 1px,transparent 1px);background-size:48px 48px;mask-image:radial-gradient(ellipse,#000,transparent 70%)}.coordinate{position:absolute;color:#707a66;top:40px;left:40px;font-size:8px;letter-spacing:1.7px}.art-plus{position:absolute;color:#788365;font-size:20px;font-weight:400}.plus-one{right:30px;top:65px}.plus-two{left:45px;bottom:83px}.planet-glow{position:absolute;width:340px;height:340px;background:#a2c74415;filter:blur(50px);top:70px;left:50%;transform:translateX(-50%);border-radius:50%}.planet{position:absolute;width:265px;height:265px;top:94px;left:50%;transform:translateX(-50%) rotate(-24deg);border-radius:50%;background:radial-gradient(circle at 31% 25%,#e3ee9b 0,#b0bf6d 25%,#697a39 48%,#2a371c 68%,#10180e 84%);box-shadow:inset -17px -12px 25px #090f0bd9,inset 2px 1px 6px #e4f3af6b,20px 20px 65px #0008;overflow:hidden}.planet:after{content:'';position:absolute;inset:0;border-radius:50%;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='t'%3E%3CfeTurbulence baseFrequency='.06 .3' numOctaves='5' seed='8'/%3E%3C/filter%3E%3Crect width='200' height='200' filter='url(%23t)' opacity='.5'/%3E%3C/svg%3E");mix-blend-mode:soft-light;opacity:.85}.planet-lines{position:absolute;inset:-30px;background:repeating-linear-gradient(0deg,transparent 0 12px,#d2d79415 13px 15px,transparent 17px 22px);filter:blur(3px);transform:rotate(-9deg)}.planet-ring{position:absolute;width:440px;height:127px;border:19px solid #abbf7180;border-left-color:#d2df9b;border-bottom-color:#a8bb73;border-radius:50%;top:162px;left:50%;transform:translateX(-50%) rotate(-29deg);box-shadow:0 1px 0 #d4e4a788,inset 0 -2px 0 #c6de8b55;clip-path:polygon(0 0,24% 0,32% 52%,67% 52%,76% 0,100% 0,100% 100%,0 100%)}.orbital-path{position:absolute;width:420px;height:330px;border:1px solid #78826030;border-radius:50%;top:55px;left:50%;transform:translateX(-50%) rotate(-34deg)}.satellite{position:absolute;top:92px;right:74px;width:9px;height:9px;background:var(--lime);border-radius:50%;box-shadow:0 0 18px #d5f77955;animation:float 5s ease-in-out infinite}.planet-label{position:absolute;right:1px;bottom:115px;display:flex;align-items:center;gap:9px;background:#20261cdd;border:1px solid #66734c;border-radius:4px;padding:11px;font-size:8px;letter-spacing:1px;transform:rotate(-8deg)}.art-footer{position:absolute;bottom:25px;left:40px;right:28px;display:flex;justify-content:space-between;align-items:center;font-size:8px;line-height:1.8;color:#68715f}.art-spark{font-size:40px;color:#acb98b}.section-heading{display:flex;justify-content:space-between;align-items:center;margin:0 0 22px}h2{font-size:19px;font-weight:500;letter-spacing:-.5px;margin:0}.section-heading h2 span{font-size:12px;color:#70776b;margin-left:12px}.section-hint{font-size:8px;color:var(--muted)}.station-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.station-card{background:#171a17;border:1px solid var(--line);border-radius:7px;padding:19px;text-align:left;transition:background .2s,border-color .2s,transform .2s}.station-card:hover{transform:translateY(-4px);border-color:#83925c}.station-card.active{background:#22281a;border-color:#839354}.card-top{display:flex;justify-content:space-between;gap:8px}.station-number,.station-status{font-size:8px;letter-spacing:.8px;color:#9ba38f}.station-status{color:#737c6b}.active .station-status{color:var(--lime)}.card-main{display:flex;align-items:center;gap:14px;margin:26px 0}.station-art{width:54px;height:54px;flex-shrink:0;position:relative;overflow:hidden;border-radius:50%}.art-lunar{background:repeating-radial-gradient(ellipse at 25% 20%,#d2e29e 0px,#829758 3px,#35472a 6px,#889e60 8px);box-shadow:inset -14px -8px 18px #101d1b}.art-sunset{background:linear-gradient(#d3a890,#b8756e 48%,#382735 49%,#72545e 52%,#251f2c)}.art-sunset:after{content:'';position:absolute;inset:0;background:repeating-linear-gradient(transparent 0 5px,#191a2344 6px 7px)}.art-flight{background:#243a41}.art-flight:after{content:'';position:absolute;width:35px;height:35px;border-radius:50%;background:#97c8c2;top:12px;left:14px;box-shadow:-9px -5px 0 #243a41,0 0 24px #78cec5}.card-main h3{font-size:17px;font-weight:500;letter-spacing:-.5px;margin:0 0 8px;white-space:nowrap}.card-main p{font-size:9px;color:#949b8b;margin:0;line-height:1.5}.card-arrow{margin-left:auto;font-size:22px;color:#929c81}.active .card-arrow{color:var(--lime)}.card-bottom{border-top:1px solid #ffffff0c;padding-top:14px;display:flex;justify-content:space-between;font-size:7px;letter-spacing:1px;color:#8b957d}.manifesto{margin:39px 0 0;display:flex;align-items:center;padding:24px 0 30px;gap:21px;border-bottom:1px solid var(--line)}.manifesto-star{font-size:44px;color:#909b7c}.manifesto p{font-size:13px;line-height:1.8;margin:0;color:#cad0bd}.manifesto p span{color:#818976}.manifesto-coordinates{margin-left:auto;text-align:right;color:#78816c;font-size:8px;line-height:1.9}footer{display:flex;justify-content:space-between;align-items:center;padding:25px 0 30px;font-size:8px;letter-spacing:1px;color:#77806e}footer button{border:0;background:none;color:#a8b09c;font-size:9px;padding:0}.player{position:fixed;bottom:0;left:0;right:0;background:#1c201af2;border-top:1px solid #424b35;z-index:10;backdrop-filter:blur(20px);height:85px;display:flex;align-items:center;justify-content:space-between;padding:0 max(35px,calc((100vw - 1312px)/2));gap:25px}.now-playing{display:flex;align-items:center;gap:13px;flex:1}.album-art{width:44px;height:44px;border-radius:4px;display:grid;place-items:center;color:#d5e3a4;font-size:34px;background:radial-gradient(circle at 30% 25%,#7f8f54,#263020 65%)}.now-playing strong{display:block;font-size:12px;font-weight:500;margin-bottom:7px}.now-playing>div>span{display:block;color:#8c967e;font-size:7px;letter-spacing:1px}.on-air{display:flex;gap:6px;align-items:center;color:var(--lime);font-size:8px;margin-left:16px}.on-air .live-dot{width:4px;height:4px}.player-controls{display:flex;gap:24px;align-items:center}.play-button{width:41px;height:41px;background:var(--lime);color:#1a2313;border:0;border-radius:50%;font-size:14px;display:grid;place-items:center}.skip-button{border:0;background:none;color:#c8cfbe;font-size:12px;padding:8px}.player-right{display:flex;align-items:center;justify-content:flex-end;gap:15px;flex:1}.equalizer{height:25px;display:flex;gap:3px;align-items:center;margin-right:25px}.equalizer i{width:2px;height:5px;background:#9aaa79;transition:height .4s}.equalizer i:nth-child(3n){height:13px}.equalizer i:nth-child(4n){height:21px}.equalizer i:nth-child(5n){height:9px}.is-playing .equalizer i{animation:equalize .9s ease-in-out infinite alternate}.equalizer i:nth-child(2n){animation-delay:-.4s}.equalizer i:nth-child(3n){animation-delay:-.7s}.volume-button{background:none;border:0;font-size:23px;color:#a9b496;width:28px}input[type=range]{width:80px;accent-color:var(--lime);height:3px;cursor:pointer}dialog{background:#1d231b;color:var(--text);border:1px solid #647247;border-radius:12px;max-width:470px;width:calc(100% - 40px);padding:35px;box-shadow:0 20px 120px #0009}dialog::backdrop{background:#080c09bb;backdrop-filter:blur(8px)}dialog h2{margin:22px 0;font-size:26px}dialog p{font-size:14px;line-height:1.8;color:#abb59f}.dialog-close{position:absolute;right:18px;top:12px;border:0;background:none;color:#b7c4a7;font-size:28px}.dialog-note{display:block;color:var(--lime);font-size:9px;margin-top:26px}.toast{position:fixed;bottom:105px;left:50%;transform:translate(-50%,12px);background:var(--lime);color:#182212;border-radius:6px;padding:13px 20px;font-size:12px;opacity:0;pointer-events:none;z-index:20;transition:opacity .2s,transform .2s;max-width:90%;text-align:center}.toast.visible{opacity:1;transform:translate(-50%,0)}@keyframes float{50%{transform:translate(-12px,14px)}}@keyframes equalize{to{height:4px}}@media(min-width:1450px){.hero{min-height:610px}h1{font-size:70px}.space-art{transform:scale(1.07)}}@media(max-width:1100px){.site-shell{padding:0 35px}.header-caption{display:none}.hero{grid-template-columns:1.1fr 1fr;min-height:530px}h1{font-size:51px;letter-spacing:-2.5px}.heading-star{font-size:28px;margin-left:8px}.space-art{transform:scale(.88);transform-origin:center}.card-main{gap:10px}.station-art{width:42px;height:42px}.station-card{padding:15px}.card-main h3{font-size:15px}.card-main p{font-size:8px}.station-number,.station-status{font-size:7px}.card-arrow{display:none}.equalizer{margin-right:8px}.on-air{margin-left:3px}}@media(max-width:760px){.site-shell{padding:0 23px}.header{height:86px}.logo{font-size:33px}.logo-symbol{font-size:39px}.live-pill{font-size:8px;padding:10px;gap:7px;letter-spacing:.5px}.live-pill>span:last-child{margin-left:2px}.hero{grid-template-columns:1fr;gap:0;position:relative}.hero-copy{padding:44px 0 16px}.eyebrow{font-size:9px}h1{font-size:clamp(43px,8vw,62px);margin:24px 0;letter-spacing:-2px}.italic{letter-spacing:-2px}.intro{font-size:13px}.space-art{height:340px;transform:scale(.85);margin:-12px -20px -14px;transform-origin:center}.planet{top:44px}.planet-ring{top:112px}.orbital-path{top:5px}.planet-glow{top:20px}.coordinate{top:7px}.plus-one{top:20px}.satellite{top:40px;right:calc(50% - 150px)}.planet-label{right:calc(50% - 220px);bottom:68px}.art-footer{bottom:0}.plus-two{bottom:35px}.listeners{margin-top:25px}.stations{padding-top:22px}.section-heading{margin-bottom:18px}h2{font-size:17px}.section-hint{display:none}.station-grid{grid-template-columns:1fr;gap:12px}.station-card{padding:18px}.card-main{margin:19px 0;gap:15px}.station-art{width:48px;height:48px}.card-main h3{font-size:18px}.card-main p{font-size:11px}.card-arrow{display:block}.station-number,.station-status{font-size:8px}.card-bottom{font-size:8px}.manifesto{margin-top:24px;gap:15px}.manifesto p{font-size:11px}.manifesto-star{font-size:34px}.manifesto-coordinates{display:none}footer{font-size:7px;gap:15px}footer>span:nth-child(2){display:none}.player{height:78px;padding:0 20px;gap:12px}.player-controls{gap:10px}.player-right{flex:0}.equalizer,.on-air{display:none}.now-playing{gap:10px}.now-playing strong{font-size:11px}.now-playing>div>span{font-size:6px}.album-art{width:37px;height:37px;font-size:29px}.skip-button{font-size:10px;padding:5px}.play-button{width:37px;height:37px}.volume-button{font-size:21px;width:21px;padding:0}input[type=range]{display:none}.toast{bottom:92px;font-size:11px}body{padding-bottom:85px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
