:root{color-scheme:dark;--bg:#101115;--surface:#191b20;--surface-2:#22242a;--text:#f4f4ef;--muted:#a3a3ab;--line:#34363c;--accent:#d7fa6c;--accent-ink:#151913;--card-accent:#d7fa6c;--radius:20px}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font-family:Inter,"Segoe UI",Arial,sans-serif;-webkit-font-smoothing:antialiased;min-width:320px}button,input{font:inherit}button{cursor:pointer}button:focus-visible,input:focus-visible,a:focus-visible{outline:3px solid var(--accent);outline-offset:3px}.sr-only{position:absolute;clip:rect(0,0,0,0);width:1px;height:1px;white-space:nowrap;overflow:hidden}.ambient{position:absolute;pointer-events:none;z-index:0;filter:blur(110px);opacity:.15}.ambient-one{top:50px;right:3%;width:430px;height:430px;background:#9ba668}.ambient-two{top:730px;left:-180px;width:360px;height:340px;background:#5869c0}.page-shell{position:relative;z-index:1;max-width:1450px;padding:0 44px;margin:auto}.site-header{height:102px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.brand{display:inline-flex;align-items:center;gap:15px;text-decoration:none;color:var(--text)}.brand-mark{width:43px;height:43px;background:var(--accent);border-radius:13px;display:flex;align-items:center;justify-content:center;gap:4px;transform:rotate(-8deg)}.brand-mark span{width:4px;background:var(--accent-ink);border-radius:9px;height:12px;transform:rotate(8deg)}.brand-mark span:nth-child(2){height:24px}.brand-mark span:nth-child(3){height:18px}.brand-mark span:nth-child(4){height:29px}.brand-text{font-size:29px;font-weight:800;letter-spacing:-1.5px;line-height:1;display:flex;align-items:baseline}.brand-dot{color:var(--accent)}.brand-text small{font-size:10px;letter-spacing:2.8px;margin-left:12px;font-weight:800;color:var(--muted)}.header-right{font-size:10px;font-weight:800;letter-spacing:2.3px;color:#b7b8bd;display:flex;align-items:center;gap:13px}.header-pulse{width:9px;height:9px;background:var(--accent);border-radius:100%;box-shadow:0 0 0 5px #d7fa6c1c}.header-separator{color:#63656b}
.hero{margin-top:34px;min-height:365px;border:1px solid #383b3e;border-radius:24px;position:relative;overflow:hidden;display:grid;grid-template-columns:minmax(0,1.2fr) minmax(270px,.8fr);background:radial-gradient(circle at 88% 40%,#343b37,transparent 45%),linear-gradient(120deg,#23272a 0%,#15181c 80%)}.hero:before{content:"";position:absolute;inset:0;opacity:.16;background:repeating-linear-gradient(0deg,transparent 0,transparent 37px,#f4f4f440 38px,transparent 39px)}.hero-copy{position:relative;z-index:2;padding:56px 0 46px 54px}.overline,.section-kicker{font-size:10px;letter-spacing:2.5px;color:var(--accent);font-weight:800}.overline{display:flex;align-items:center;gap:12px}.tiny-line{display:inline-block;width:24px;height:1px;background:var(--accent)}.hero h1{font-size:clamp(43px,4.5vw,74px);line-height:1.04;margin:24px 0 18px;font-weight:850;letter-spacing:-3.2px;max-width:700px}.hero h1 em{display:block;font-family:Georgia,serif;color:var(--accent);font-weight:400;letter-spacing:-3px}.hero p{color:#bbbec2;font-size:14px;line-height:1.75;max-width:480px}.hero-metrics{display:flex;align-items:center;gap:19px;font-size:11px;color:#b7bac0;margin-top:29px}.hero-metrics strong{font-size:17px;color:#fff}.metric-divider{width:1px;height:15px;background:#65676a}.hero-record{position:relative;overflow:hidden;min-height:365px}.record-ring{position:absolute;border-radius:50%;top:50%;left:57%;transform:translate(-50%,-50%);background:#131719;border:2px solid #454c48}.record-ring-outer{width:445px;height:445px;background:repeating-radial-gradient(circle at 50% 50%,#212525 0 2px,#111617 3px 6px,#202624 7px 9px)}.record-ring-middle{width:275px;height:275px;border:1px solid #64705b;background:repeating-radial-gradient(circle,#1f2224 0 3px,#15181a 4px 6px)}.record-ring-inner{width:165px;height:165px;border:8px solid #d7fa6c40;background:var(--accent)}.record-label{position:absolute;top:50%;left:57%;transform:translate(-50%,-50%);z-index:3;display:flex;align-items:center;flex-direction:column;color:#262b1c;gap:6px}.record-label span{font-size:28px;letter-spacing:-2px;font-weight:900}.record-label small{font-size:9px;letter-spacing:2px;font-weight:800}.hero-corner{position:absolute;bottom:19px;right:24px;font-size:9px;letter-spacing:1px;color:#aaafb2;font-weight:700}.hero-corner span{color:#727a7c}
.content-grid{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(330px,.85fr);gap:31px;margin-top:46px;align-items:start;padding-bottom:65px}.section-head{display:flex;justify-content:space-between;align-items:end;margin-bottom:22px}.section-kicker{margin:0 0 10px;color:#a2ab91;font-size:10px}.section-head h2{font-size:26px;font-weight:800;letter-spacing:-.9px;margin:0;line-height:1.1}.count-badge{font-size:12px;color:var(--accent);padding:4px 9px;border:1px solid #59613f;border-radius:100px;margin-left:12px;vertical-align:middle}.toolbar{display:flex;align-items:center;justify-content:space-between;gap:15px;flex-wrap:wrap;margin:0 0 17px}.filters{display:flex;gap:8px;flex-wrap:wrap}.filter-chip{border:1px solid #36383e;background:#1b1d22;color:#abafb2;padding:9px 12px;border-radius:100px;font-size:11px;font-weight:700;transition:.2s}.filter-chip:hover{color:#fff;border-color:#777}.filter-chip.is-current{background:var(--accent);color:#202319;border-color:var(--accent)}.search-field{display:flex;align-items:center;gap:8px;background:#1a1c20;border:1px solid #34373b;border-radius:100px;min-width:186px;padding:8px 13px;color:#8a8f95}.search-field svg{width:15px;height:15px;flex-shrink:0}.search-field input{background:transparent;border:0;outline:0;color:#fff;width:100%;font-size:12px}.search-field input::placeholder{color:#969ba1}.station-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.station-button{min-width:0;border:1px solid #33363c;background:#1d1f24;border-radius:15px;padding:13px;display:flex;align-items:center;gap:12px;color:#f5f5f1;text-align:left;min-height:115px;transition:border-color .2s,transform .2s,background .2s,box-shadow .2s}.station-button:hover{background:#262930;transform:translateY(-2px);border-color:#7e8478}.station-button.active{border-color:var(--accent);background:#282d28;box-shadow:inset 0 0 0 1px #d7fa6c30}.station-button[hidden]{display:none!important}.station-art{flex-shrink:0;width:73px;height:80px;border-radius:11px;display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden;background:linear-gradient(140deg,#a27c45,#35322b)}.station-symbol{font-weight:900;letter-spacing:-2px;font-size:24px;color:white;position:relative;z-index:2}.art-orbit{position:absolute;border:1px solid #ffffff76;border-radius:50%;width:86px;height:86px;left:24px;top:23px;box-shadow:0 0 0 17px #ffffff15,0 0 0 33px #ffffff08}.shade-gold{background:linear-gradient(145deg,#bd8e49,#65503d)}.shade-sea{background:linear-gradient(145deg,#4cbeb2,#185866)}.shade-coral{background:linear-gradient(145deg,#f38c6c,#8b3d49)}.shade-blue{background:linear-gradient(145deg,#7da5d2,#3c4474)}.shade-violet{background:linear-gradient(145deg,#a29ee9,#423d94)}.shade-lime{background:linear-gradient(145deg,#99ad65,#3a5030)}.shade-red{background:linear-gradient(145deg,#d4726d,#61323e)}.shade-pink{background:linear-gradient(145deg,#df83a6,#763859)}.station-text{min-width:0;display:flex;flex:1;flex-direction:column}.station-genre{font-size:9px;font-weight:800;letter-spacing:1.05px;color:#b6be9e;text-transform:uppercase;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.station-text strong{font-size:13px;line-height:1.25;letter-spacing:-.1px;margin:5px 0 4px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.station-text small{color:#95989e;font-size:10px;line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.station-play{align-self:flex-end;display:flex;align-items:center;justify-content:center;width:23px;height:23px;border-radius:50%;background:#31343b;color:#c8cbd0;flex-shrink:0}.station-play svg{width:14px;height:14px}.station-button.active .station-play{background:var(--accent);color:#1d2715}.no-results{padding:35px 15px;text-align:center;color:#aeb0b5;border:1px dashed #4c4e53;border-radius:16px}
.player-sticky{position:sticky;top:20px}.player-card{border:1px solid #42454c;border-radius:21px;overflow:hidden;background:#1d1f25;box-shadow:0 25px 60px #00000038}.player-topline{display:flex;justify-content:space-between;align-items:center;padding:19px 23px;border-bottom:1px solid #ffffff12}.topline-label{font-size:10px;letter-spacing:1.8px;font-weight:800;color:#b2b5b9}.status-badge{display:flex;align-items:center;gap:7px;padding:7px 9px;background:#292b30;border-radius:100px;color:#aaaeb2;font-size:10px;font-weight:800;letter-spacing:1px}.status-light{width:7px;height:7px;border-radius:50%;background:#777}.status-badge.is-live{color:#d7fa6c}.status-badge.is-live .status-light{background:#d7fa6c;box-shadow:0 0 11px #d7fa6caa}.status-badge.is-error .status-light{background:#ff756f}.player-art{height:230px;overflow:hidden;background:radial-gradient(circle at 50% 45%,#586447 0%,#313a32 43%,#1c2527 90%);position:relative;display:flex;align-items:center;justify-content:center}.player-art:before{content:"";position:absolute;inset:0;background:repeating-linear-gradient(120deg,transparent 0 28px,#ffffff08 29px,transparent 30px)}.disc-surface{position:relative;z-index:1;border-radius:50%;width:185px;height:185px;background:repeating-radial-gradient(circle,#1c2121 0 2px,#2d3330 3px 5px,#151b1b 6px 7px);border:2px solid #69786c;box-shadow:0 0 0 11px #ffffff0b,0 14px 50px #0008;display:flex;align-items:center;justify-content:center}.disc-center{background:var(--accent);border-radius:50%;width:66px;height:66px;display:grid;place-items:center;color:#243022;font-size:25px;font-weight:900;letter-spacing:-2px}.player-card.is-playing .disc-surface{animation:spin 8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.sound-bars{display:flex;align-items:center;gap:5px;position:absolute;bottom:16px;left:22px;height:20px}.sound-bars span{width:3px;border-radius:3px;height:7px;background:#ccf281;opacity:.55}.sound-bars span:nth-child(3n){height:14px}.sound-bars span:nth-child(4n){height:19px}.player-card.is-playing .sound-bars span{animation:barDance .8s ease-in-out infinite alternate}.player-card.is-playing .sound-bars span:nth-child(2n){animation-delay:.3s}.player-card.is-playing .sound-bars span:nth-child(3n){animation-delay:.55s}@keyframes barDance{to{height:3px;opacity:1}}.player-content{padding:22px 24px 20px}.playing-eyebrow{font-size:10px;font-weight:750;color:#e4e7de;letter-spacing:.4px;margin:0 0 25px}.inline-dash{color:#707778;margin:0 6px}.now-kicker{font-size:10px;letter-spacing:1.9px;color:var(--accent);font-weight:800}.track-main h3{font-size:clamp(20px,2vw,27px);letter-spacing:-.7px;line-height:1.22;margin:10px 0;min-height:57px;overflow-wrap:anywhere}.track-main p{font-size:12px;color:#999ea5;margin:0 0 25px}.like-row{display:flex;align-items:center;justify-content:space-between;gap:10px;border-top:1px solid #363940;border-bottom:1px solid #363940;padding:13px 0}.like-button{border:1px solid #4a4e53;border-radius:100px;display:inline-flex;align-items:center;gap:8px;background:#2c3034;color:#f1f1f0;padding:9px 14px;font-size:11px;font-weight:750}.like-button svg{width:17px;height:17px;color:#ff8b9c}.like-button:hover:not(:disabled){background:#3c3e45}.like-button:disabled{cursor:not-allowed;opacity:.55}.like-button[aria-pressed=true]{background:#713e48;border-color:#a35b68;color:#fff}.like-button[aria-pressed=true] svg{fill:#fa9baa}.like-total{font-size:11px;color:#a4a5af}.like-total strong{color:#fff;font-size:15px}.like-note{min-height:16px;color:#b5b9b7;font-size:11px;margin:8px 0 12px}audio{display:block;width:100%;height:42px;border-radius:12px;filter:grayscale(.2)}.player-bottom{display:flex;align-items:center;justify-content:space-between;gap:16px;padding-top:17px}.player-bottom #connectionNote{color:#a8abb0;font-size:11px;line-height:1.4}.stop-button{border:1px solid #484a50;border-radius:9px;background:transparent;color:#f1f1f3;padding:8px 12px;font-size:11px;font-weight:700;white-space:nowrap}.stop-button:hover:not(:disabled){background:#33363d}.stop-button:disabled{opacity:.38;cursor:not-allowed}.studio-footnote{display:flex;align-items:center;gap:11px;padding:20px 7px;color:#7e8485;font-size:11px;line-height:1.6}.footnote-star{font-size:22px;color:var(--accent)}.footer{border-top:1px solid #34383a;padding:28px 0 38px;display:flex;justify-content:space-between;align-items:center;gap:16px;color:#8d9295;font-size:11px}.footer strong{color:#ced1ce}.footer>span:nth-child(2){letter-spacing:1.8px;font-size:9px}.footer a{color:#c6d5a1;text-decoration:none}.footer a:hover{text-decoration:underline}
@media(max-width:1120px){.page-shell{padding:0 25px}.content-grid{grid-template-columns:minmax(0,1fr) 365px;gap:20px}.station-grid{grid-template-columns:1fr}.station-button{min-height:95px}.station-art{height:68px;width:68px}.station-text strong{font-size:14px}.hero-copy{padding-left:36px}}
@media(max-width:800px){.site-header{height:80px}.header-right .header-separator,.header-right span:last-child{display:none}.hero{grid-template-columns:1fr;min-height:270px}.hero-copy{padding:36px 28px 28px;max-width:520px}.hero h1{font-size:clamp(44px,8vw,62px)}.hero-record{position:absolute;inset:0 0 0 45%;opacity:.32;min-height:auto;pointer-events:none}.hero-record .record-ring{left:85%}.hero-record .record-label{left:85%}.hero-corner{display:none}.content-grid{grid-template-columns:1fr;gap:34px}.station-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.player-sticky{position:static}.player-art{height:210px}.player-heading{margin-bottom:15px}}
@media(max-width:560px){.page-shell{padding:0 15px}.brand-text{font-size:25px}.brand-text small{font-size:8px;margin-left:8px}.header-right{font-size:8px;letter-spacing:1.2px}.site-header{height:76px}.hero{margin-top:16px;border-radius:18px}.hero-copy{padding:31px 23px 23px}.hero h1{font-size:45px;letter-spacing:-2.5px}.hero p{font-size:13px}.hero-metrics{flex-wrap:wrap;font-size:10px;gap:12px}.content-grid{margin-top:32px}.section-head h2{font-size:23px}.toolbar{align-items:stretch}.filters{gap:6px}.filter-chip{padding:8px 11px}.search-field{width:100%}.station-grid{grid-template-columns:1fr}.station-art{height:64px;width:66px}.station-button{min-height:90px}.player-content{padding:19px}.player-topline{padding:16px 19px}.player-art{height:190px}.track-main h3{min-height:38px}.footer{flex-wrap:wrap}.footer>span:nth-child(2){display:none}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;scroll-behavior:auto!important;transition-duration:.01ms!important}}
/* On narrow screens, keep decorative vinyl art away from the hero copy. */
@media(max-width:560px){.hero-record{opacity:.14;inset:0 0 0 45%}.hero-record .record-label{display:none}}