@import url('https://fonts.googleapis.com/css2?family=DM+Mono:wght@400;500&family=Manrope:wght@400;500;600;700&family=Playfair+Display:ital,wght@1,600&display=swap');
:root{--ink:#0c0b0a;--paper:#f4efe6;--orange:#fb4b20;--blue:#2547e8;--acid:#e0ff4f;--line:#302d29}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--ink);color:var(--paper);font-family:Manrope,Arial,sans-serif;padding-bottom:88px}button,input{font:inherit}.topbar{height:76px;display:grid;grid-template-columns:190px 1fr auto;align-items:center;padding:0 22px;border-bottom:1px solid var(--line);position:sticky;top:0;background:rgba(12,11,10,.95);backdrop-filter:blur(12px);z-index:10}.brand{display:flex;align-items:center;gap:11px;color:inherit;text-decoration:none}.brand i{width:38px;height:38px;border-radius:50%;background:conic-gradient(var(--orange) 0 25%,#e8aa24 25% 45%,var(--blue) 45% 75%,var(--paper) 75%)}.brand span{font:700 11px/1 DM Mono}.topbar nav{display:flex;justify-content:center;gap:28px}.topbar nav button,.top-actions button{border:0;background:transparent;color:inherit;cursor:pointer;font:500 9px DM Mono;text-transform:uppercase}.topbar nav button.active{color:var(--orange)}.top-actions{display:flex;align-items:center;gap:8px}.favorites-button{border:1px solid #3d3935!important;border-radius:20px!important;padding:8px 11px!important}.favorites-button span{display:inline-grid;place-items:center;width:18px;height:18px;background:var(--acid);color:#111;border-radius:50%;margin-left:4px}.profile{width:34px;height:34px;border-radius:50%;background:#d9b690!important;color:#111!important}.hero{min-height:650px;height:calc(100svh - 76px);position:relative;overflow:hidden;background:linear-gradient(122deg,#f05227 0 42%,#d73c1b 42% 62%,#a32219 62%);display:flex;align-items:flex-end;padding:38px 28px}.hero:before{content:"";position:absolute;inset:0;background:repeating-linear-gradient(90deg,transparent 0 11%,rgba(0,0,0,.07) 11.1% 11.25%)}.hero-copy{position:relative;z-index:2;max-width:820px}.live-badge{display:inline-flex;align-items:center;gap:8px;border:1px solid rgba(0,0,0,.5);border-radius:20px;padding:8px 12px;color:#111;font:500 8px DM Mono;text-transform:uppercase}.live-badge i{width:7px;height:7px;border-radius:50%;background:var(--acid);box-shadow:0 0 0 4px rgba(224,255,79,.25)}.hero-copy>p{font:500 9px DM Mono;text-transform:uppercase;color:#24100b;margin:26px 0 8px;letter-spacing:.1em}.hero h1{margin:0;color:#111;font-size:clamp(78px,11vw,160px);line-height:.75;letter-spacing:-.09em;text-transform:uppercase}.hero h1 em{font-family:Playfair Display,serif;color:var(--paper);text-transform:none}.hero-copy>span{display:block;max-width:470px;margin-top:24px;color:#21110d;font-size:14px;line-height:1.45}.hero-actions{display:flex;gap:9px;margin-top:27px}.play-main,.outline{border:0;padding:14px 18px;cursor:pointer;font:600 8px DM Mono;text-transform:uppercase}.play-main{background:#111;color:white}.play-main b{margin-right:9px}.outline{background:transparent;border:1px solid #111;color:#111}.hero-art{position:absolute;right:4%;top:8%;width:50%;height:76%}.record{position:absolute;width:min(35vw,520px);aspect-ratio:1;right:5%;top:2%;border-radius:50%;background:repeating-radial-gradient(circle,#111 0 4px,#292725 5px 8px);box-shadow:0 35px 80px rgba(0,0,0,.4);animation:spin 18s linear infinite}.record:after{content:"MOYA";position:absolute;inset:34%;border-radius:50%;display:grid;place-items:center;background:var(--acid);color:#111;font:700 2vw DM Mono;transform:rotate(-12deg)}.record i{position:absolute;inset:48%;border-radius:50%;background:#111;z-index:1}.hero-art>span{position:absolute;right:0;bottom:0;color:#111;font:700 clamp(34px,6vw,92px)/.82 DM Mono;letter-spacing:-.09em}.wave{position:absolute;left:0;bottom:10%;height:120px;display:flex;gap:8px;align-items:center}.wave b{width:6px;background:#111}.wave b:nth-child(1),.wave b:nth-child(9){height:18%}.wave b:nth-child(2),.wave b:nth-child(8){height:42%}.wave b:nth-child(3),.wave b:nth-child(7){height:72%}.wave b:nth-child(4),.wave b:nth-child(6){height:48%}.wave b:nth-child(5){height:100%}@keyframes spin{to{transform:rotate(360deg)}}.now-card{position:absolute;z-index:3;right:28px;bottom:28px;width:270px;background:rgba(10,10,10,.88);backdrop-filter:blur(10px);padding:15px;border:1px solid rgba(255,255,255,.22)}.now-card>span{font:500 8px DM Mono;text-transform:uppercase;color:var(--orange)}.now-card strong,.now-card p{display:block}.now-card strong{font-size:24px;margin-top:11px}.now-card p{font-size:10px;color:#aaa}.mini-wave{height:22px;display:flex;align-items:end;gap:3px}.mini-wave i{flex:1;background:var(--acid);animation:pulse 1s ease-in-out infinite alternate}.mini-wave i:nth-child(2n){animation-delay:.3s}.mini-wave i:nth-child(3n){animation-delay:.6s}@keyframes pulse{from{height:20%}to{height:95%}}.channels,.schedule,.shows{padding:64px 24px 90px}.section-head{display:flex;justify-content:space-between;align-items:end;margin-bottom:26px}.section-head p{margin:0 0 5px;color:var(--orange);font:500 8px DM Mono;text-transform:uppercase}.section-head h2{margin:0;font-size:clamp(40px,5vw,66px);line-height:1;letter-spacing:-.065em}.section-head>span,.section-head>a{font:500 8px DM Mono;text-transform:uppercase;color:#888;text-decoration:none}.channel-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.channel-card{min-height:310px;padding:16px;position:relative;overflow:hidden;display:flex;flex-direction:column;color:#111;cursor:pointer;border:0;text-align:left}.channel-card:nth-child(1){background:var(--orange)}.channel-card:nth-child(2){background:var(--blue);color:white}.channel-card:nth-child(3){background:var(--acid)}.channel-card:nth-child(4){background:#e7c59e}.channel-card>span{font:500 8px DM Mono;text-transform:uppercase}.channel-card strong{margin:auto 0 6px;font-size:35px;letter-spacing:-.06em}.channel-card p{margin:0;font-size:10px;opacity:.75}.channel-card b{position:absolute;right:14px;top:45%;font-size:34px;font-weight:400;transition:transform .2s}.channel-card:hover b{transform:scale(1.2)}.schedule{background:var(--paper);color:#111}.day-picker{display:flex;border:1px solid #111}.day-picker button{border:0;border-right:1px solid #111;background:transparent;padding:10px 14px;font:500 8px DM Mono;text-transform:uppercase}.day-picker button.active{background:#111;color:white}.schedule-item{display:grid;grid-template-columns:120px 1fr 180px 50px;align-items:center;gap:20px;border-top:1px solid #111;padding:18px 0;cursor:pointer}.schedule-item:last-child{border-bottom:1px solid #111}.schedule-item>span,.schedule-item>small{font:500 9px DM Mono;text-transform:uppercase}.schedule-item h3{margin:0;font-size:27px;letter-spacing:-.045em}.schedule-item small{color:#777}.schedule-item button{width:38px;height:38px;border-radius:50%;border:1px solid #111;background:transparent;cursor:pointer}.schedule-item.on-air{color:var(--blue)}.schedule-item.on-air>span:after{content:" LIVE";color:var(--orange)}.shows{background:#111}.show-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.show-card{padding:16px;min-height:480px;color:#111;display:flex;flex-direction:column}.show-card.orange{background:var(--orange)}.show-card.blue{background:var(--blue);color:white}.show-card.cream{background:var(--paper)}.show-card>span{font:500 8px DM Mono;text-transform:uppercase}.show-art{height:230px;margin:16px 0;display:grid;place-items:center;border:1px solid currentColor;border-radius:50%;font:700 clamp(70px,9vw,140px) DM Mono;letter-spacing:-.16em}.show-card h3{font-size:27px;letter-spacing:-.05em;margin:10px 0 6px}.show-card p{font-size:11px;line-height:1.45;margin:0;opacity:.75}.show-card button{margin-top:auto;border:0;border-top:1px solid currentColor;background:transparent;padding:14px 0 0;text-align:left;color:inherit;font:500 8px DM Mono;text-transform:uppercase;cursor:pointer}.about{background:var(--acid);color:#111;padding:60px 24px 30px}.about>p{font-size:14px}.about>p em{font-family:Playfair Display,serif;font-size:22px}.about h2{font-size:clamp(62px,10vw,150px);line-height:.8;letter-spacing:-.08em;margin:50px 0 100px;text-transform:uppercase}.about>div{display:flex;justify-content:space-between;border-top:1px solid #111;padding-top:16px;font:500 8px DM Mono;text-transform:uppercase}.player{position:fixed;z-index:20;left:0;right:0;bottom:0;height:88px;background:#f5f0e6;color:#111;display:grid;grid-template-columns:56px minmax(170px,260px) 150px 1fr 150px 40px;align-items:center;gap:15px;padding:10px 18px;border-top:1px solid #111}.player-art{height:56px;background:var(--orange);display:grid;place-items:center;font:700 24px DM Mono}.track-info span,.track-info small{display:block;font:500 7px DM Mono;text-transform:uppercase}.track-info span{color:var(--orange)}.track-info strong{display:block;font-size:14px;margin:3px 0}.track-info small{color:#777}.transport{display:flex;align-items:center;justify-content:center;gap:8px}.transport button{border:0;background:transparent;font-size:22px;cursor:pointer}.transport .play-toggle{width:43px;height:43px;border-radius:50%;background:#111;color:white;font-size:13px}.progress{display:grid;grid-template-columns:35px 1fr 35px;gap:9px;align-items:center;font:500 7px DM Mono}.progress>div{height:3px;background:#c4bfb7}.progress>div i{display:block;height:100%;width:0;background:var(--orange)}.volume{display:flex;gap:8px}.volume input{width:100%}.heart{border:0;background:transparent;font-size:24px;cursor:pointer}.favorites{position:fixed;z-index:40;top:0;right:0;bottom:88px;width:min(400px,90vw);background:#141311;padding:24px;transform:translateX(105%);transition:.3s}.favorites.open{transform:none}.favorites>div:first-child{display:flex;justify-content:space-between;font:500 8px DM Mono;text-transform:uppercase;color:var(--orange)}.favorites button{border:0;background:transparent;color:white;font-size:26px}.favorites h2{font-size:40px;margin:14px 0}.favorite-item{border-top:1px solid #333;padding:13px 0}.favorite-item b,.favorite-item span{display:block}.favorite-item span{color:#888;font-size:10px;margin-top:4px}.scrim{position:fixed;z-index:30;inset:0 0 88px;background:rgba(0,0,0,.7);opacity:0;pointer-events:none;transition:.3s}.scrim.open{opacity:1;pointer-events:auto}.toast{position:fixed;z-index:50;left:50%;bottom:105px;transform:translate(-50%,15px);background:var(--acid);color:#111;padding:11px 15px;font:600 8px DM Mono;text-transform:uppercase;opacity:0;transition:.2s}.toast.show{opacity:1;transform:translate(-50%,0)}
@media(max-width:950px){.channel-grid{grid-template-columns:1fr 1fr}.show-grid{grid-template-columns:1fr}.show-card{min-height:420px}.hero-art{opacity:.55}.player{grid-template-columns:50px 1fr 140px 1fr}.player .volume,.player .heart{display:none}.now-card{display:none}}
@media(max-width:650px){body{padding-bottom:72px}.topbar{height:66px;grid-template-columns:1fr auto;padding:0 14px}.topbar nav{display:none}.favorites-button{font-size:0!important}.favorites-button span{font-size:8px}.hero{height:calc(100svh - 66px);min-height:640px;padding:25px 15px}.hero h1{font-size:18.5vw}.hero-copy>span{font-size:12px;max-width:80%}.hero-art{width:70%;height:55%;right:-20%;top:8%}.record{width:78vw;opacity:.7}.wave,.hero-art>span{display:none}.hero-actions{align-items:stretch}.channels,.schedule,.shows{padding:48px 15px 65px}.channel-grid{grid-template-columns:1fr}.channel-card{min-height:230px}.section-head h2{font-size:39px}.section-head>span{display:none}.schedule-item{grid-template-columns:65px 1fr 40px;gap:10px}.schedule-item small{display:none}.schedule-item h3{font-size:21px}.show-card{min-height:430px}.about{padding:45px 15px 25px}.about h2{font-size:17vw;margin:45px 0 70px}.about>div{display:grid;gap:8px}.player{height:72px;grid-template-columns:44px 1fr 95px;padding:8px 12px}.player-art{height:44px}.transport{grid-column:3}.progress,.volume,.heart{display:none!important}.favorites{bottom:72px}.scrim{bottom:72px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;animation:none!important;transition:none!important}}
