.wordmark{display:flex;align-items:center;gap:12px}.wordmark .brand-name{font:inherit;position:static}.brand-symbol{width:62px;height:44px}.hero h1 .hero-logo{position:absolute;width:clamp(90px,22vw,330px);height:auto;right:5%;bottom:0;transform:rotate(-22deg)}.header-listen{background:transparent}.hero-logo{display:block}.featured-art{display:block;width:100%;padding:0;border:0;background:#101010;position:relative;overflow:hidden;aspect-ratio:1}.featured-art img{width:100%;height:100%;object-fit:contain;display:block;transition:transform .3s}.featured-art:hover img{transform:scale(1.035)}.art-badge{position:absolute;bottom:18px;right:18px;background:var(--green);color:var(--black);border-radius:100px;font-size:13px;font-weight:700;padding:12px 18px}.feature-play{background:transparent;border:0;border-bottom:1px solid;padding:0 0 5px}.listening-room{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.2fr);gap:40px;background:var(--black);color:var(--white);padding:32px;margin:0 0 42px}.now-playing{display:grid;grid-template-columns:100px minmax(0,1fr);gap:18px;align-content:center}.now-playing .eyebrow{grid-column:1/-1;color:var(--green)}#playing-art{width:100px;height:100px;object-fit:contain;background:#222}.now-playing h3{font-size:25px;line-height:1.2;letter-spacing:-.04em;margin:10px 0;overflow-wrap:anywhere}.now-playing p{font-size:14px;color:#c7c7c4;margin:0;line-height:1.5}#player-status{grid-column:1/-1;min-height:42px}.player-actions{grid-column:1/-1;display:flex;gap:18px;align-items:center;flex-wrap:wrap}.player-actions button,.player-actions a{font-size:12px;font-weight:700;color:var(--white);padding:0 0 5px;border:0;border-bottom:1px solid transparent;background:transparent}.player-actions button.active{color:var(--green);border-bottom-color:var(--green)}.player-actions a{border-bottom-color:#777}.player-actions button:hover,.player-actions a:hover{color:var(--green)}.player-screen{width:100%;min-height:270px;aspect-ratio:16/9;position:relative;align-self:center;background:#191919}.player-screen>iframe,.player-screen>#youtube-player{position:absolute;inset:0;width:100%;height:100%;border:0}.player-screen.spotify-player{display:flex;align-items:center;padding:16px}.player-screen.spotify-player iframe{position:static;height:152px}.art-play{position:relative;border:0;padding:0;background:var(--black);height:80px;width:80px;flex:0 0 80px}.art-play img{width:100%;height:100%;object-fit:contain;display:block}.art-play>span{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;color:var(--white);background:#0005;opacity:0;transition:opacity .2s}.art-play:hover>span,.art-play:focus-visible>span{opacity:1}.track-play{border:1px solid var(--black);background:transparent;border-radius:99px;padding:10px 16px;font-size:12px;font-weight:700}.track-play:hover{background:var(--green)}.selected-track{background:#bcff351c}.track-name{gap:16px}.track-links{gap:12px}.track h4{font-size:17px}button[hidden]{display:none}
@media(max-width:1000px){.listening-room{gap:25px;grid-template-columns:minmax(0,1fr) minmax(0,1.2fr);padding:24px}.now-playing{grid-template-columns:72px minmax(0,1fr)}#playing-art{width:72px;height:72px}.now-playing h3{font-size:21px}.track-number{display:none}.track-links{flex-wrap:wrap}.list-header,.track{grid-template-columns:minmax(0,1.8fr) minmax(0,.6fr) minmax(0,1fr)}}
@media(max-width:800px){.brand-symbol{width:46px;height:34px}.wordmark{gap:8px}.listening-room{grid-template-columns:1fr}.now-playing{grid-template-columns:100px minmax(0,1fr)}#playing-art{width:100px;height:100px}.player-screen{min-height:230px}.track .track-type{display:none}.list-header,.track{grid-template-columns:minmax(0,1fr) minmax(0,.6fr)}.list-header>span:nth-child(2){display:none}.art-play{width:64px;height:64px;flex-basis:64px}.hero h1 .hero-logo{right:0;width:23vw}}
@media(max-width:560px){.brand-symbol{width:36px;height:28px}.wordmark{font-size:20px;gap:6px}nav{gap:12px;font-size:12px}.hero h1 .hero-logo{right:1%;width:25vw;bottom:2px}.listening-room{padding:20px;gap:22px}.now-playing{grid-template-columns:80px minmax(0,1fr)}#playing-art{width:80px;height:80px}.now-playing h3{font-size:21px;margin-top:5px}.player-screen{min-height:220px}.track{grid-template-columns:minmax(0,1fr) auto;gap:10px}.track-name{gap:12px}.track h4{font-size:15px}.track p{font-size:12px}.art-play{width:60px;height:60px;flex-basis:60px}.track-links a{font-size:12px}.track-links{gap:8px;flex-wrap:nowrap}.track-play{font-size:12px;padding:9px 14px}.featured-art{aspect-ratio:1}.art-badge{padding:12px 20px}.now-playing p{font-size:14px}}