:root{--ink:#f5f1e8;--gold:#f3a72b;--line:rgba(255,255,255,.105)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-width:320px;background:#050506;color:var(--ink);font-family:Arial,Helvetica,sans-serif}button,a{font:inherit}button{color:inherit}svg{width:22px;height:22px;fill:currentColor;display:block}
.site-shell{position:relative;isolation:isolate;min-height:100vh;overflow:hidden;background:#050506}.site-shell:before{content:"";position:fixed;z-index:0;inset:0;pointer-events:none;background:radial-gradient(circle at 50% 29%,#21140e 0,#09090a 29%,#050506 63%)}
.stars{position:fixed;z-index:0;inset:0;pointer-events:none;background-repeat:no-repeat;background-size:100% 100%}.stars-one{opacity:.72;background-image:radial-gradient(circle at 3% 7%,rgba(255,255,255,.9) 0 1px,transparent 1.5px),radial-gradient(circle at 8% 28%,rgba(255,246,220,.7) 0 .8px,transparent 1.4px),radial-gradient(circle at 13% 68%,rgba(255,255,255,.85) 0 1px,transparent 1.5px),radial-gradient(circle at 18% 15%,rgba(255,225,175,.72) 0 .7px,transparent 1.4px),radial-gradient(circle at 21% 48%,rgba(255,255,255,.58) 0 .8px,transparent 1.3px),radial-gradient(circle at 26% 83%,rgba(255,255,255,.9) 0 1.1px,transparent 1.6px),radial-gradient(circle at 31% 33%,rgba(255,230,184,.8) 0 .8px,transparent 1.4px),radial-gradient(circle at 35% 9%,rgba(255,255,255,.72) 0 .7px,transparent 1.3px),radial-gradient(circle at 39% 63%,rgba(255,255,255,.8) 0 1px,transparent 1.5px),radial-gradient(circle at 44% 21%,rgba(255,236,200,.75) 0 .8px,transparent 1.4px),radial-gradient(circle at 47% 90%,rgba(255,255,255,.6) 0 .7px,transparent 1.3px),radial-gradient(circle at 52% 13%,rgba(255,255,255,.88) 0 1px,transparent 1.5px),radial-gradient(circle at 56% 48%,rgba(255,225,175,.76) 0 .8px,transparent 1.4px),radial-gradient(circle at 61% 74%,rgba(255,255,255,.84) 0 1px,transparent 1.5px),radial-gradient(circle at 65% 29%,rgba(255,255,255,.64) 0 .7px,transparent 1.3px),radial-gradient(circle at 69% 6%,rgba(255,231,188,.85) 0 .9px,transparent 1.5px),radial-gradient(circle at 73% 55%,rgba(255,255,255,.72) 0 .8px,transparent 1.4px),radial-gradient(circle at 77% 40%,rgba(255,255,255,.9) 0 1.1px,transparent 1.6px),radial-gradient(circle at 82% 84%,rgba(255,226,180,.75) 0 .8px,transparent 1.4px),radial-gradient(circle at 86% 18%,rgba(255,255,255,.74) 0 .8px,transparent 1.4px),radial-gradient(circle at 91% 60%,rgba(255,255,255,.9) 0 1px,transparent 1.5px),radial-gradient(circle at 96% 34%,rgba(255,232,193,.75) 0 .8px,transparent 1.4px),radial-gradient(circle at 98% 92%,rgba(255,255,255,.78) 0 .8px,transparent 1.4px)}
.stars-two{opacity:.5;background-image:radial-gradient(circle at 1% 48%,rgba(255,255,255,.5) 0 .55px,transparent 1.15px),radial-gradient(circle at 5% 81%,rgba(255,231,188,.58) 0 .65px,transparent 1.2px),radial-gradient(circle at 10% 43%,rgba(255,255,255,.53) 0 .55px,transparent 1.15px),radial-gradient(circle at 15% 94%,rgba(255,255,255,.62) 0 .7px,transparent 1.25px),radial-gradient(circle at 19% 57%,rgba(255,234,199,.52) 0 .55px,transparent 1.15px),radial-gradient(circle at 24% 4%,rgba(255,255,255,.58) 0 .65px,transparent 1.2px),radial-gradient(circle at 28% 70%,rgba(255,255,255,.49) 0 .55px,transparent 1.15px),radial-gradient(circle at 33% 52%,rgba(255,228,181,.57) 0 .65px,transparent 1.2px),radial-gradient(circle at 37% 79%,rgba(255,255,255,.6) 0 .65px,transparent 1.2px),radial-gradient(circle at 42% 38%,rgba(255,255,255,.48) 0 .55px,transparent 1.15px),radial-gradient(circle at 46% 5%,rgba(255,231,188,.55) 0 .65px,transparent 1.2px),radial-gradient(circle at 50% 58%,rgba(255,255,255,.5) 0 .55px,transparent 1.15px),radial-gradient(circle at 55% 31%,rgba(255,255,255,.57) 0 .65px,transparent 1.2px),radial-gradient(circle at 59% 94%,rgba(255,225,175,.54) 0 .55px,transparent 1.15px),radial-gradient(circle at 63% 17%,rgba(255,255,255,.6) 0 .7px,transparent 1.25px),radial-gradient(circle at 67% 67%,rgba(255,255,255,.46) 0 .55px,transparent 1.15px),radial-gradient(circle at 71% 22%,rgba(255,229,185,.56) 0 .65px,transparent 1.2px),radial-gradient(circle at 76% 96%,rgba(255,255,255,.6) 0 .65px,transparent 1.2px),radial-gradient(circle at 80% 12%,rgba(255,255,255,.48) 0 .55px,transparent 1.15px),radial-gradient(circle at 84% 49%,rgba(255,232,191,.56) 0 .65px,transparent 1.2px),radial-gradient(circle at 89% 76%,rgba(255,255,255,.59) 0 .65px,transparent 1.2px),radial-gradient(circle at 93% 3%,rgba(255,255,255,.48) 0 .55px,transparent 1.15px),radial-gradient(circle at 97% 68%,rgba(255,230,186,.58) 0 .65px,transparent 1.2px)}
.topbar{position:relative;z-index:3;width:calc(100% - 32px);height:74px;margin:auto;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.brand{display:flex;gap:11px;align-items:center;color:var(--ink);text-decoration:none;font-size:12px;font-weight:650;letter-spacing:.15em}.brand b{color:var(--gold)}.brand-mark{width:29px;height:29px;border:1px solid #854b18;border-radius:50%;display:grid;place-items:center;box-shadow:0 0 18px rgba(243,167,43,.25)}.brand-mark i{width:13px;height:13px;background:#020202;border-radius:50%;box-shadow:1px 0 0 2px var(--gold)}.dj-link{color:#c18a3c;text-decoration:none;font:600 9px Consolas,monospace;letter-spacing:.16em;border-bottom:1px solid rgba(243,167,43,.35);padding:10px 0 4px}.dj-link:hover,.dj-link:focus-visible{color:#ffc15a;border-color:#ffc15a;outline:none}
.hero{position:relative;z-index:2;width:100%;height:356px;display:flex;flex-direction:column;align-items:center;padding-top:27px}.eclipse-caption{display:flex;align-items:center;gap:9px;color:#a7a2a0;font:500 7px Consolas,monospace;letter-spacing:.15em;white-space:nowrap}.eclipse-caption span{width:18px;height:1px;background:#754613}.solar-glow{position:fixed;z-index:1;top:clamp(84px,12vh,120px);left:50%;width:310px;height:310px;margin:0;pointer-events:none;transform:translateX(-50%);border-radius:50%;background:radial-gradient(circle,#030303 0 42%,rgba(2,2,2,.99) 43%,rgba(255,181,55,.82) 43.5%,rgba(255,113,18,.35) 45%,rgba(240,95,15,.09) 51%,transparent 68%);filter:drop-shadow(0 0 46px rgba(231,91,17,.18))}.solar-glow:after{content:"";position:absolute;width:15px;height:15px;right:47px;top:77px;border-radius:50%;background:#ffd17a;filter:blur(6px);opacity:.75}.diamond{position:absolute;width:3px;height:3px;right:51px;top:82px;background:#fff8d8;border-radius:50%;box-shadow:0 0 7px 3px #ffb02e,0 0 24px 9px rgba(255,122,15,.4)}
.playlist-wrap{position:relative;z-index:3;width:calc(100% - 28px);margin:0 auto 48px}.play-all{width:100%;min-height:62px;cursor:pointer;border:1px solid #995b1b;background:linear-gradient(110deg,rgba(224,125,21,.13),rgba(19,14,11,.88));display:flex;align-items:center;gap:13px;padding:8px;text-align:left;border-radius:5px;box-shadow:0 15px 35px rgba(0,0,0,.38)}.play-all:active,.play-all.active{border-color:var(--gold);transform:scale(.99)}.play-all-icon{width:46px;height:46px;border-radius:4px;flex:none;display:grid;place-items:center;color:#1a0d00;background:linear-gradient(135deg,#ffc14d,#e77a13)}.play-all-icon svg{width:21px}.play-all small{display:block;color:#b87529;font:500 7px Consolas,monospace;letter-spacing:.18em;margin-bottom:4px}.play-all strong{display:block;color:#f1ece3;font-size:13px;font-weight:580}
.now-playing{width:100%;min-height:65px;margin:9px 0 34px;border:1px solid rgba(255,255,255,.1);background:rgba(17,17,19,.9);border-radius:5px;display:grid;grid-template-columns:43px minmax(0,1fr) 32px 32px;gap:8px;align-items:center;padding:9px;box-shadow:0 12px 35px rgba(0,0,0,.3)}.disc-mini{width:42px;height:42px;border-radius:50%;display:grid;place-items:center;background:repeating-radial-gradient(circle,#272729 0 2px,#151516 3px 4px);box-shadow:inset 0 0 0 1px #343436}.disc-mini span{width:11px;height:11px;border-radius:50%;background:var(--gold);box-shadow:0 0 8px #9c4c0b}.now-meta{overflow:hidden}.now-meta small{display:block;color:#6e6e71;font:500 7px Consolas,monospace;letter-spacing:.12em;margin-bottom:4px}.now-meta strong{display:block;font:400 12px Georgia,serif;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mini-control{min-width:32px;min-height:38px;border:0;background:none;cursor:pointer;color:#bbb;display:grid;place-items:center;padding:5px}.timeline,.time,.now-playing>.volume-icon{display:none}
.playlist-heading{display:flex;align-items:flex-end;justify-content:space-between;margin-bottom:12px}.playlist-heading div{display:flex;align-items:baseline;gap:10px}.playlist-heading h1{margin:0;font-size:11px;letter-spacing:.21em;font-weight:600}.section-number{color:var(--gold);font:500 8px Consolas,monospace}.playlist-heading>span{display:none;color:#59595d;font:500 8px Consolas,monospace;letter-spacing:.16em}.playlist{border-top:1px solid var(--line)}.track{width:100%;min-height:62px;border:0;border-bottom:1px solid var(--line);display:grid;grid-template-columns:27px 35px minmax(0,1fr) 40px;align-items:center;text-align:left;background:transparent;cursor:pointer;padding:0 2px}.track:active,.track.current{background:linear-gradient(90deg,rgba(243,167,43,.105),transparent 85%)}.track-index{color:#55555a;font:500 8px Consolas,monospace}.track-play{width:27px;height:27px;border:1px solid #38383b;border-radius:50%;display:grid;place-items:center;color:#858589}.track-play svg{width:12px;height:12px}.track.current .track-play{color:#211000;border-color:var(--gold);background:var(--gold);box-shadow:0 0 18px rgba(243,167,43,.2)}.track-title{padding-left:9px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;font-family:Georgia,serif;font-size:14px}.track.current .track-title{color:#ffc15a}.duration{color:#5c5c60;text-align:right;font:500 8px Consolas,monospace}.equalizer{display:none}.empty-message{padding:24px 8px;color:#777;font:12px/1.6 Arial,sans-serif;text-align:center}footer{position:relative;z-index:3;width:calc(100% - 32px);margin:0 auto;padding:20px 0 34px;border-top:1px solid var(--line);color:#414145;display:flex;flex-direction:column;gap:8px;font:500 7px Consolas,monospace;letter-spacing:.13em}
@media(min-width:700px){.site-shell:before{background:radial-gradient(circle at 50% 31%,#21140e 0,#09090a 31%,#050506 62%)}.topbar{width:min(1120px,calc(100% - 56px));height:88px}.brand{font-size:14px}.dj-link{font-size:10px}.hero{height:510px;padding-top:35px}.eclipse-caption{font-size:8px;gap:13px}.eclipse-caption span{width:34px}.solar-glow{top:clamp(104px,12vh,140px);width:480px;height:480px}.solar-glow:after{right:75px;top:120px}.diamond{right:80px;top:128px}.playlist-wrap{width:min(830px,calc(100% - 40px));margin-bottom:70px}.play-all{width:330px;margin:0 auto}.now-playing{grid-template-columns:45px minmax(160px,1fr) 34px 34px minmax(100px,210px) 38px 20px;margin:13px 0 44px;padding:9px 13px}.timeline{display:block;height:2px;background:#3b3b3e;overflow:hidden}.timeline span{display:block;height:100%;background:var(--gold);box-shadow:0 0 7px var(--gold)}.time{display:block;color:#656569;font:500 8px Consolas,monospace;text-align:center}.now-playing>.volume-icon{display:block;width:16px;color:#666}.playlist-heading>span{display:block}.track{grid-template-columns:40px 38px 1fr auto 52px;padding:0 7px}.track:hover{background:rgba(255,255,255,.028)}.equalizer{display:flex;height:15px;gap:2px;align-items:end;margin-right:18px}.equalizer[hidden]{visibility:hidden}.equalizer i{width:2px;background:var(--gold);animation:eq .65s ease-in-out infinite alternate}.equalizer i:nth-child(1){height:6px}.equalizer i:nth-child(2){height:14px;animation-delay:.2s}.equalizer i:nth-child(3){height:9px;animation-delay:.4s}.equalizer i:nth-child(4){height:12px;animation-delay:.1s}@keyframes eq{to{height:3px}}footer{width:min(1120px,calc(100% - 56px));padding-bottom:38px;flex-direction:row;justify-content:space-between}}
@media(max-width:390px){.hero{height:330px}.solar-glow{width:285px;height:285px}.playlist-wrap{width:calc(100% - 22px)}.dj-link{font-size:8px}}