html,body{width:100%;min-height:100%;display:block;background:#101a29}
.spotify-receiver{min-height:100svh;width:100%;display:flex;flex-direction:column;border:5px solid #111720;background:linear-gradient(120deg,#142534,#273e57 70%,#112536)}
.spotify-credit{color:#fff;font-size:15px;white-space:nowrap}.spotify-receiver header{flex-shrink:0}.spotify-receiver .remote a{margin-left:0}
.setup-panel{width:min(850px,100%);margin:auto;padding:clamp(20px,4vw,60px)}.setup-panel h1{font-size:clamp(26px,3vw,42px);white-space:normal}.setup-panel p{line-height:1.6;color:#d2dfe7}
details{padding:16px;background:#12243b88;border:1px solid #8195ac;margin:22px 0}summary{cursor:pointer;color:#ffe589}li{margin:14px 0;line-height:1.5}a{color:#e6d08b}code{display:block;overflow-wrap:anywhere;color:#fff;background:#101d31;padding:12px;margin:10px 0;font-size:13px}
input,select,button{font:inherit}button{color:#f5f6f7;background:linear-gradient(#63738a,#34445e);border:1px solid #101d32;border-radius:3px;padding:10px 14px;font-size:12px;font-weight:bold;cursor:pointer}button:disabled,input:disabled{opacity:.5;cursor:default}.gold,.remote .gold{background:linear-gradient(#e5d592,#a3965e);color:#172239}
input:not([type=range]),select{background:#13243b;border:1px solid #8195ac;color:#fff;min-width:0;padding:11px;font-size:15px;border-radius:2px}.connect-row{display:flex;gap:10px;margin-top:8px}.connect-row input{flex:1}.privacy-note{font-size:12px}
.notice{padding:12px 24px;margin:0;background:#15283e;color:#ffe589;font-size:13px;line-height:1.5}.notice.error{color:#ffd6ca;background:#4a2525}
.player-panel{flex:1;padding:clamp(18px,3vw,70px);display:flex;flex-direction:column;justify-content:center;gap:clamp(14px,2vh,35px)}[hidden]{display:none!important}
.music-heading{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #8195ac77;padding-bottom:15px}.music-heading>span{font-size:clamp(24px,2.7vw,55px);font-weight:bold}.music-heading em{font-weight:normal;color:#e6c773}.music-heading a{font-size:clamp(10px,1vw,20px)}
.track-layout{display:grid;grid-template-columns:min(29vw,40vh) minmax(0,1fr);gap:clamp(24px,4vw,100px);align-items:center}.art-frame{aspect-ratio:1;background:#112131;border:5px solid #aab5b5;display:grid;place-items:center;overflow:hidden}.art-frame img{width:100%;height:100%;object-fit:contain}.art-frame span{font-size:100px;color:#e6c773}.track-copy{min-width:0}.eyebrow{color:#e6c773;letter-spacing:3px;font-size:clamp(10px,1vw,20px)}.track-copy h1{white-space:normal;overflow-wrap:anywhere;font-size:clamp(28px,4vw,80px);line-height:1.1;margin:16px 0}.track-copy #spotifyArtist{font-size:clamp(20px,2.5vw,52px)}.track-copy p{font-size:clamp(14px,1.5vw,30px);color:#cedce6}.seek-label{display:block;font-size:11px;color:#abbfcf;margin-top:20px}input[type=range]{accent-color:#e6c773;cursor:pointer}#seek{width:100%}.track-times{display:flex;justify-content:space-between;font-size:13px;color:#bbcad6}
.playlist-bar{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.playlist-bar label{font-size:12px;color:#e6c773}.playlist-bar select{flex:1;min-width:180px}.playlist-url{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.playlist-url label{font-size:12px;color:#becedc}.playlist-url input{flex:1}.playback{padding:12px!important;border:1px solid #64768e}.playback label{margin-left:auto;display:flex;align-items:center;gap:10px;font-size:11px}.playback input{width:120px}.spotify-receiver>.remote{margin-top:auto}.spotify-receiver:fullscreen{overflow:auto}
@media(max-width:720px){.spotify-receiver{border:3px solid #111720}.spotify-credit{font-size:11px}.filter-label{display:none}.track-layout{grid-template-columns:1fr;gap:18px}.art-frame{width:min(55vw,230px);justify-self:center}.track-copy{text-align:center}.track-copy h1{font-size:30px}.player-panel{padding:18px}.playlist-url label{width:100%}.playlist-url input{width:100%}.connect-row{flex-direction:column}.playback label{margin-left:0}.setup-panel{padding:20px}.music-heading>span{font-size:25px}.notice{padding:12px 16px}}