:root{--bg:#080808;--panel:#101010;--line:#292929;--text:#f2f2f2;--muted:#777;--green:#1ed760;--art-url:none}*{box-sizing:border-box}html{-webkit-text-size-adjust:100%;background:#080808}body{margin:0;min-height:100vh;background:radial-gradient(circle at 76% 5%,#1a1a1a 0,transparent 32%),#080808;color:var(--text);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;overflow-x:hidden}button,a,input,select{-webkit-tap-highlight-color:transparent}.ambient{position:fixed;inset:-12vh -10vw auto 28vw;height:72vh;z-index:0;pointer-events:none;background-image:var(--art-url);background-size:cover;background-position:center;filter:blur(85px) saturate(1.25);opacity:0;transform:scale(1.25);transition:opacity 1s ease,background-image .6s ease;mask-image:linear-gradient(to bottom,#000,transparent 88%)}body.has-art .ambient{opacity:.17}.radio-shell{position:relative;z-index:1;width:min(100% - 44px,1180px);margin:auto;min-height:100vh}.topbar{height:74px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.brand{color:#eee;text-decoration:none;font-size:20px;font-weight:800;letter-spacing:-.04em}.brand span{color:#666;font-weight:500}.topbar nav{display:flex;align-items:center;gap:16px}.topbar nav a,.nav-button{border:0;background:none;padding:0;color:#777;text-decoration:none;font:10px/1 ui-monospace,SFMono-Regular,Consolas,monospace;letter-spacing:.1em;text-transform:uppercase;cursor:pointer}.topbar nav a:hover,.nav-button:hover{color:#fff}.now-card{display:grid;grid-template-columns:minmax(220px,370px) 1fr;gap:clamp(28px,6vw,80px);padding:clamp(42px,7vw,88px) 0 48px;align-items:center}.now-card.song-change .art-wrap{animation:artIn .55s cubic-bezier(.2,.8,.2,1)}.now-card.song-change .now-copy{animation:copyIn .5s ease}@keyframes artIn{from{opacity:.25;transform:scale(.965) rotate(-1deg)}to{opacity:1;transform:none}}@keyframes copyIn{from{opacity:.15;transform:translateY(10px)}to{opacity:1;transform:none}}.art-wrap{aspect-ratio:1;background:#111;border:1px solid #252525;border-radius:16px;overflow:hidden;box-shadow:0 30px 90px #000a}.art-wrap img{width:100%;height:100%;object-fit:cover;display:block}.art-placeholder{height:100%;display:grid;place-items:center;font-size:clamp(74px,13vw,160px);font-weight:900;letter-spacing:-.08em;color:#333;background:linear-gradient(135deg,#171717,#0b0b0b)}.station-meta{display:flex;align-items:center;gap:9px;color:#777;font:700 10px/1 ui-monospace,SFMono-Regular,Consolas,monospace;letter-spacing:.16em}.live-dot{width:7px;height:7px;border-radius:50%;background:#777}.live-dot.playing{background:var(--green);box-shadow:0 0 14px #1ed76088}.live-dot.last-played{background:#8a8a8a;box-shadow:none}.now-copy h1{margin:18px 0 8px;font-size:clamp(43px,7vw,92px);line-height:.9;letter-spacing:-.07em;overflow-wrap:anywhere}.now-copy>p{margin:0;color:#888;font-size:clamp(15px,2vw,21px)}.visualizer{height:38px;margin:20px 0 4px;display:flex;align-items:flex-end;gap:4px;overflow:hidden;opacity:.42}.visualizer i{display:block;width:4px;height:8px;border-radius:3px;background:#bdbdbd;transform-origin:bottom}body.is-playing .visualizer i{animation:bar .75s ease-in-out infinite alternate}body.is-playing .visualizer i:nth-child(3n){animation-duration:.48s}body.is-playing .visualizer i:nth-child(4n){animation-duration:1.02s}body.is-playing .visualizer i:nth-child(5n){animation-delay:-.35s}@keyframes bar{from{height:5px;opacity:.4}to{height:34px;opacity:1}}.progress-line{height:3px;background:#252525;margin-top:15px;overflow:hidden}.progress-line span{display:block;height:100%;width:0;background:#d8d8d8;transition:width .7s linear}.time-row,.now-links{display:flex;justify-content:space-between;gap:20px;color:#5f5f5f;font:10px/1.3 ui-monospace,SFMono-Regular,Consolas,monospace}.time-row{padding-top:8px}.now-links{padding-top:18px;align-items:center}.spotify-link{color:#aaa;text-decoration:none}.spotify-link:hover{color:#fff}.spotify-link.disabled{pointer-events:none;opacity:.45}.player-panel,.owner-panel{border-top:1px solid var(--line);padding:30px 0}.panel-kicker,.section-head{display:flex;justify-content:space-between;color:#666;font:700 10px/1 ui-monospace,SFMono-Regular,Consolas,monospace;letter-spacing:.13em;margin-bottom:14px}.spotify-embed-wrap{min-height:152px}.spotify-embed-wrap iframe{display:block;width:100%;border:0;border-radius:12px}.embed-empty{min-height:152px;border:1px dashed #2c2c2c;border-radius:12px;display:grid;place-items:center;color:#666;font-size:13px}.stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:var(--line);border:1px solid var(--line);margin:4px 0 8px}.stat-card{background:#0d0d0d;padding:25px;min-height:130px;display:flex;flex-direction:column;justify-content:space-between}.stat-card span,.favorite-card>span{color:#666;font:700 9px/1.2 ui-monospace,SFMono-Regular,Consolas,monospace;letter-spacing:.12em}.stat-card strong{font-size:clamp(20px,3vw,32px);letter-spacing:-.04em;overflow-wrap:anywhere}.stats-note{margin:0 0 38px;color:#555;font:9px/1.5 ui-monospace,SFMono-Regular,Consolas,monospace}.favorites-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:46px}.favorite-card{position:relative;overflow:hidden;min-height:180px;padding:24px;border:1px solid #292929;border-radius:14px;background:linear-gradient(120deg,#131313,#0b0b0b);display:flex;flex-direction:column;justify-content:flex-end;isolation:isolate}.favorite-card:before{content:"";position:absolute;inset:-30%;z-index:-2;background-image:var(--fav-art);background-size:cover;background-position:center;filter:blur(36px) saturate(.8);opacity:.22}.favorite-card:after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(to top,#090909 15%,#090909aa 65%,transparent)}.favorite-card strong{font-size:clamp(25px,4vw,44px);letter-spacing:-.05em;line-height:.95;margin-top:54px}.favorite-card small{color:#8a8a8a;margin-top:8px}.library-grid{display:grid;grid-template-columns:1fr 1fr;gap:42px 30px;padding-bottom:74px}.timeline-block{grid-column:1/-1}.item-list{border-top:1px solid #222}.item-row{display:grid;grid-template-columns:38px 48px 1fr auto;align-items:center;gap:12px;min-height:66px;border-bottom:1px solid #1d1d1d;text-decoration:none;color:inherit;padding:7px 4px}.item-row:hover{background:#ffffff05}.item-index{color:#555;font:10px/1 ui-monospace,SFMono-Regular,Consolas,monospace}.item-art{width:44px;height:44px;border-radius:5px;object-fit:cover;background:#161616}.item-info{min-width:0;display:grid;gap:4px}.item-info strong{font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.item-info span{color:#686868;font-size:11px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.item-meta{color:#555;font:9px/1 ui-monospace,SFMono-Regular,Consolas,monospace;text-transform:uppercase}.artist-row{grid-template-columns:38px 48px 1fr}.artist-row .item-art{border-radius:50%}.loading-row{padding:22px 4px;color:#666;font:11px/1 ui-monospace,SFMono-Regular,Consolas,monospace}.owner-panel{border-bottom:1px solid var(--line)}.admin-login{display:flex;gap:8px}.admin-login input,.control-grid select{background:#111;border:1px solid #333;color:#eee;border-radius:7px;padding:10px 12px}.admin-login input{flex:1}.admin-login button,.control-row button{background:#151515;border:1px solid #333;color:#bbb;border-radius:7px;padding:10px 14px;cursor:pointer;font:700 9px/1 ui-monospace,SFMono-Regular,Consolas,monospace;letter-spacing:.08em}.admin-login button:hover,.control-row button:hover{color:#fff;border-color:#555}.owner-controls{display:grid;gap:14px}.control-row{display:flex;gap:8px;flex-wrap:wrap}.control-row .wide{margin-left:auto}.control-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.control-grid label{display:grid;gap:8px;color:#666;font:700 9px/1 ui-monospace,SFMono-Regular,Consolas,monospace;letter-spacing:.08em}.control-grid input{width:100%}.owner-message{min-height:16px;color:#777;font:10px/1.4 ui-monospace,SFMono-Regular,Consolas,monospace}footer{margin-top:auto;border-top:1px solid var(--line);min-height:58px;display:flex;align-items:center;justify-content:space-between;color:#555;font:9px/1 ui-monospace,SFMono-Regular,Consolas,monospace;letter-spacing:.08em;text-transform:uppercase}body.embed .radio-shell{width:100%;padding:0 14px}body.embed .topbar,body.embed .stats-grid,body.embed .stats-note,body.embed .favorites-grid,body.embed .library-grid,body.embed footer{display:none}body.embed .now-card{grid-template-columns:145px 1fr;gap:22px;padding:20px 0}body.embed .now-copy h1{font-size:clamp(28px,6vw,52px)}body.embed .player-panel{padding:18px 0}body.embed .art-wrap{border-radius:9px}body.embed .owner-panel{padding:18px 0}.embed .ambient{display:none}
@media(max-width:900px){.stats-grid{grid-template-columns:1fr 1fr}}
@media(max-width:760px){.radio-shell{width:100%;padding:0 max(14px,env(safe-area-inset-right)) 0 max(14px,env(safe-area-inset-left))}.topbar{height:auto;min-height:62px;padding:13px 0;gap:12px;align-items:flex-start}.brand{font-size:18px;white-space:nowrap}.topbar nav{gap:8px 12px;justify-content:flex-end;flex-wrap:wrap}.topbar nav a,.nav-button{font-size:9px;min-height:30px;display:flex;align-items:center}.now-card{grid-template-columns:1fr;padding:24px 0 30px;gap:22px}.art-wrap{width:min(82vw,330px);justify-self:center;border-radius:12px}.now-copy{min-width:0}.station-meta{font-size:9px;letter-spacing:.12em;min-height:18px}.now-copy h1{font-size:clamp(36px,12vw,58px);line-height:.94;margin:14px 0 8px}.now-copy>p{font-size:15px;line-height:1.35;overflow-wrap:anywhere}.visualizer{height:28px;margin-top:15px}.progress-line{margin-top:12px}.now-links{padding-top:14px;gap:12px;flex-wrap:wrap}.now-links #sync-time{margin-left:auto;text-align:right}.player-panel,.owner-panel{padding:22px 0}.panel-kicker,.section-head{font-size:9px;gap:12px}.stats-grid{grid-template-columns:1fr 1fr;margin-top:2px}.stat-card{min-height:96px;padding:18px}.stat-card strong{font-size:24px}.favorites-grid{grid-template-columns:1fr;margin-bottom:34px}.favorite-card{min-height:150px}.library-grid{grid-template-columns:minmax(0,1fr);gap:32px;padding-bottom:46px}.timeline-block{grid-column:auto}.item-row{grid-template-columns:26px 42px minmax(0,1fr);gap:10px;min-height:62px;padding:7px 2px}.item-art{width:40px;height:40px}.item-meta{display:none}.item-info strong{font-size:12px}.item-info span{font-size:10px}.admin-login{display:grid;grid-template-columns:minmax(0,1fr) auto}.control-row{display:grid;grid-template-columns:repeat(4,1fr);gap:7px}.control-row button{min-height:42px;padding:9px 8px}.control-row .wide,#owner-logout{grid-column:1/-1;margin-left:0}.control-grid{grid-template-columns:1fr}.control-grid select{width:100%;min-width:0}footer{min-height:64px;gap:10px;flex-wrap:wrap;padding:14px 0}body.embed .radio-shell{padding:0 10px}body.embed .now-card{grid-template-columns:88px minmax(0,1fr);gap:14px;padding:14px 0 16px}body.embed .art-wrap{width:88px;justify-self:auto}body.embed .station-meta{font-size:8px}body.embed .now-copy h1{font-size:clamp(23px,8vw,36px);margin:8px 0 5px}body.embed .now-copy>p{font-size:11px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}body.embed .visualizer{display:none}body.embed .progress-line{margin-top:14px}body.embed .time-row{font-size:8px}body.embed .now-links{display:none}body.embed .player-panel{padding:12px 0 14px}body.embed .owner-panel{padding:14px 0}}
@media(max-width:430px){.topbar{align-items:center}.brand span{display:none}.now-copy h1{font-size:clamp(34px,13vw,50px)}.art-wrap{width:min(88vw,315px)}.now-links{font-size:9px}.stats-grid{grid-template-columns:1fr}.stat-card{min-height:82px}.favorite-card strong{margin-top:42px}body.embed .radio-shell{padding:0 8px}body.embed .now-card{grid-template-columns:74px minmax(0,1fr);gap:12px;padding-top:10px}body.embed .art-wrap{width:74px}body.embed .now-copy h1{font-size:22px}}
@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}