@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@400;500;600;700;800&display=swap');
:root{font-family:'DM Sans',sans-serif;color:#283c36;background:#203c40;font-synthesis:none;--cream:#f8f6ec;--green:#304e43;--muted:#768078}*{box-sizing:border-box}body{margin:0;min-height:100vh}button,a,input{-webkit-tap-highlight-color:transparent}button{font:inherit;cursor:pointer}button:disabled{opacity:.5;cursor:not-allowed}button:focus-visible,a:focus-visible,input:focus-visible{outline:2px solid #6f947e;outline-offset:3px}button{border:0}button:hover{filter:brightness(.96)}.scenery,.shade{position:fixed;inset:0;pointer-events:none}.scenery{background:url('assets/windowseat-static.jpg') center/cover no-repeat;z-index:-4}.shade{z-index:-1;background:linear-gradient(#17353970,#19373715 48%,#142c3790)}header{display:flex;justify-content:space-between;align-items:center;padding:27px 4.2%;border-bottom:1px solid #ffffff2b;color:#fff}.brand{color:#fff;text-decoration:none;font:800 29px 'Manrope',sans-serif;letter-spacing:-1.5px;display:flex;align-items:center;gap:11px}.brand-icon{font-size:36px;font-weight:400}.brand-caption{font:500 10px 'DM Sans',sans-serif;letter-spacing:2px;border-left:1px solid #ffffff4d;margin-left:12px;padding-left:24px;max-width:145px;line-height:1.8}.header-actions{display:flex;gap:22px;align-items:center}.quiet{background:none;color:inherit;font-size:13px;padding:8px}.login{background:#f6f4e9;border:1px solid #ffffff8c;color:#30433c;border-radius:7px;padding:12px 18px;font-size:13px;font-weight:700}main{max-width:1550px;margin:auto;padding:22px 4.2% 0}.eyebrow{font-size:10px;letter-spacing:2px;font-weight:700;margin:0 0 10px}h1{font:500 clamp(36px,3.6vw,55px)/1.08 'Manrope',sans-serif;letter-spacing:-2px;margin:0 0 13px}h1 br{display:none}.live-dot{display:inline-block;background:#aec798;width:6px;height:6px;border-radius:100%;box-shadow:0 0 8px #b5cf8155}.room-layout{display:grid;grid-template-columns:minmax(210px,.85fr) minmax(360px,1.8fr) minmax(265px,1fr);gap:28px;align-items:start}.panel{background:#f8f6edf5;border:1px solid #fff9;border-radius:11px;box-shadow:0 8px 30px #14272420;overflow:hidden}.scores{padding:22px 20px}.panel-heading{display:flex;align-items:center;justify-content:space-between;gap:10px}.panel-heading h2,h2{font:700 16px 'Manrope',sans-serif;letter-spacing:-.5px;margin:0}.tabs{display:flex;background:#e9eade;padding:4px;border-radius:6px;margin:19px 0 14px}.tabs button{flex:1;font-size:12px;background:transparent;padding:8px;border-radius:4px;color:#718075}.tabs .active{background:#fffef8;color:#334b3b;box-shadow:0 1px 4px #0001}.person{display:flex;align-items:center;gap:10px;padding:12px 0;border-bottom:1px solid #dddccf}.rank{font-size:11px;color:#7b8276;width:9px}.avatar{width:33px;height:33px;border-radius:50%;display:grid;place-items:center;font-size:13px;background:#e1e5cf;color:#496047}.person:nth-child(2) .avatar{background:#e8d7c6}.person:nth-child(3) .avatar{background:#d9e4e7}.person:nth-child(4) .avatar{background:#e6dce7}.person-name{font-size:13px;font-weight:600;flex:1}.points{font-size:15px;font-weight:700}.points small{font-weight:400;font-size:10px;color:#849082}.score-note{display:flex;gap:10px;align-items:center;margin-top:16px}.score-note>span{font-size:25px;color:#a0aa79}.score-note p{font-size:11px;color:#848774;line-height:1.8;margin:0}.score-note strong{font-weight:500;color:#657158}.listening{padding-top:0;min-width:0}.tv{position:relative;padding:0 4px}.tv-body{padding:20px 20px 0;background:linear-gradient(120deg,#e4d8b7,#b7aa8c);border-radius:30px 30px 21px 21px;box-shadow:inset 2px 2px 2px #fff8,inset -4px -5px 3px #7f775f,0 15px 25px #12231755;border:2px solid #968b70}.screen{aspect-ratio:16/9;background:#1b302f;border:9px solid #343b32;border-radius:32px/22px;overflow:hidden;box-shadow:0 0 0 3px #8d8770,inset 0 0 40px #0007;position:relative}.screen iframe{position:absolute;inset:0;width:100%;height:100%;border:0}.screen-idle{height:100%;display:flex;align-items:center;justify-content:center;flex-direction:column;color:#eee8c9;background:radial-gradient(ellipse at 50% 80%,#63725b70,transparent 65%),repeating-linear-gradient(transparent 0 3px,#00000012 3px 4px);padding:20px}.screen-idle p{font:400 clamp(19px,2.1vw,31px)/1.15 Georgia,serif;text-align:center;margin:6px 0 16px}.screen-symbol{font-size:31px;color:#d7d7ae}.on-air,.channel{position:absolute;font-size:8px;letter-spacing:1.7px;color:#b8c0a0;top:16px;left:20px}.channel{top:auto;bottom:15px;left:auto;right:18px}.screen-idle button{border:1px solid #b8c0a066;border-radius:4px;background:#e4e5ca12;color:#e6e6cf;padding:8px 13px;font-size:11px}.tv-controls{height:46px;display:flex;align-items:center;gap:15px;padding:0 7px;color:#62634e}.tv-logo{font:700 12px 'Manrope',sans-serif;flex:1;letter-spacing:-.5px}.tv-logo small{font-size:8px;font-style:italic;font-weight:400;margin-left:4px}.speaker{font-size:19px;letter-spacing:-3px;opacity:.5}.tv-controls button{border-radius:50%;background:#a49b80;border:1px solid #837d69;color:#434b3d;width:22px;height:22px;font-size:14px}.power-led{width:4px;height:4px;border-radius:50%;background:#dadd8a;box-shadow:0 0 7px #ccee82}.tv-feet{height:10px;margin:0 40px;border-left:22px solid #7e7964;border-right:22px solid #7e7964}.now-playing{display:flex;gap:12px;align-items:center;padding:15px 8px 19px;color:#fff8e6;text-shadow:0 1px 4px #0008}.now-playing .eyebrow{font-size:8px;margin-bottom:5px}.now-playing h2{font-size:16px}.now-playing p:last-child{font-size:11px;margin:5px 0 0;color:#e4e4d0}.now-playing>div{flex:1}.record{display:grid;place-items:center;border:1px solid #ffffff40;border-radius:50%;width:38px;height:38px;background:#28463e70}.rating{padding:18px 22px}.rating-heading{display:flex;justify-content:space-between;align-items:center}.rating-heading h2{font-size:14px}#rating-value{font-size:12px;color:#778371}.rating-buttons{display:flex;gap:5px;margin:16px 0}.rating-buttons button{flex:1;min-width:0;background:#e9eadf;border:1px solid #dce0d1;border-radius:5px;height:32px;font-size:12px;color:#56654d}.rating-buttons button.selected,.heard-row button.selected{background:#375644;color:#fff;border-color:#375644}.heard-row{display:flex;justify-content:space-between;align-items:center;font-size:12px;margin:5px 0 16px}.heard-row button{border:1px solid #dddccd;border-radius:5px;background:transparent;padding:7px 12px;font-size:11px;margin-left:5px;color:#66705d}.heard-row button span{font-size:9px;color:#9b7e40;margin-left:4px}.primary{background:var(--green);color:#fffbed;padding:12px 18px;border-radius:6px;width:100%;font-size:12px}.muted{font-size:10px;text-align:center;color:#87907e;margin:10px 0 0}.playlist{padding:22px 20px 0}.playlist .eyebrow{font-size:9px;color:#858b74}.playlist h2{font-size:20px}.count{font-size:12px;border:1px solid #dadfcf;border-radius:50%;width:27px;height:27px;display:grid;place-items:center}.playlist-meta{display:flex;justify-content:space-between;font-size:10px;color:#8b8d7c;margin:16px 0 8px;padding-bottom:14px;border-bottom:1px solid #dddfd3}.song{width:100%;text-align:left;display:flex;align-items:center;gap:10px;padding:13px 7px;border-radius:5px;background:transparent;color:#334736}.song.active{background:#e5e9da}.track-number{font-size:10px;color:#9b9e8c;width:14px;flex-shrink:0}.track-info{flex:1;min-width:0}.track-info strong{display:block;font-size:13px;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.track-info small{display:block;font-size:10px;color:#7f8876;margin-top:4px}.track-owner{font-size:9px;color:#929880}.nominate{width:100%;padding:12px;background:transparent;border:1px dashed #b5bfaa;border-radius:6px;color:#536849;font-size:12px;margin-top:19px}.nomination-note{text-align:center;font-size:10px;color:#959884;margin:10px 0 20px}.playlist-footer{margin:0 -20px;padding:15px 10px;text-align:center;border-top:1px solid #e2e2d3;font:italic 12px Georgia,serif;color:#869073}.playlist-footer span{margin-right:8px}footer{display:flex;align-items:center;gap:18px;justify-content:space-between;color:#f0f0debe;font-size:10px;padding:22px 0}footer .live-dot{margin-right:8px}#mode-label{font-size:10px}dialog{border:1px solid #fff7;border-radius:14px;background:var(--cream);color:#304736;max-width:430px;width:calc(100% - 32px);padding:32px;box-shadow:0 20px 100px #0007}dialog::backdrop{background:#142c30a6;backdrop-filter:blur(6px)}dialog h2{font-size:28px}dialog p,dialog li{font-size:14px;line-height:1.7;color:#737e6d}dialog li{padding-bottom:9px}dialog ol{padding-left:20px}.close{float:right;font-size:25px;background:transparent;color:#75816e}label{display:block;font-size:13px;margin:17px 0}input{width:100%;display:block;padding:12px;margin-top:7px;background:#fffdf5;border:1px solid #d5d9c8;border-radius:5px;font:inherit;color:#304736}#toast{position:fixed;bottom:24px;left:50%;transform:translateX(-50%);max-width:90%;background:#f8f6ec;color:#314c3c;border:1px solid #d9decf;padding:14px 22px;border-radius:8px;box-shadow:0 8px 40px #0004;opacity:0;pointer-events:none;font-size:14px;transition:opacity .2s}#toast.visible{opacity:1}.empty{font-size:13px;color:#7d8777;padding:25px 5px;line-height:1.7}@media(min-width:1450px){main{padding-top:26px}.room-layout{gap:38px}.screen-idle p{font-size:34px}}@media(max-width:1100px){.brand-caption{display:none}.room-layout{gap:16px;grid-template-columns:205px minmax(300px,1.5fr) 245px}main{padding-left:3%;padding-right:3%}.scores,.playlist{padding-left:15px;padding-right:15px}.tv-body{padding:14px 14px 0}.screen{border-width:7px}h1{font-size:36px}}@media(max-width:850px){.room-layout{grid-template-columns:1fr 1fr}.listening{grid-column:1/-1;grid-row:1;max-width:580px;width:100%;justify-self:center}.screen-idle p{font-size:30px}.scores,.playlist{height:100%}footer{flex-wrap:wrap}.header-actions{gap:8px}}@media(max-width:540px){header{padding:18px 5%}.brand{font-size:24px}.brand-icon{font-size:28px}.login{padding:10px;font-size:11px}main{padding:20px 5% 0}h1 br{display:block}.eyebrow{font-size:9px}.room-layout{display:flex;flex-direction:column;gap:20px}.listening{order:0}.left-column{order:2;width:100%}.playlist{order:1;width:100%}.tv-body{padding:15px 15px 0;border-radius:24px}.screen-idle p{font-size:23px;margin-bottom:10px}.screen-symbol{font-size:25px}.rating{padding:18px}.rating-buttons{gap:4px}.brand-caption{display:none}footer{font-size:9px;gap:9px}.on-air{font-size:6px;top:10px;left:13px}.channel{font-size:6px;bottom:10px}.screen-idle button{font-size:10px;padding:6px 10px}}@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important}}
/* Keep essential controls readable without crowding the listening room. */
.login,.person-name,.track-info strong,.rating-heading h2{font-size:14px}.quiet,.tabs button,.rating-buttons button,.heard-row,.heard-row button,.primary,.nominate{font-size:14px}.track-info small,.track-owner,.nomination-note,.muted,.score-note p,.playlist-meta,.playlist-footer,.rating-buttons button{height:36px}.track-owner{max-width:50px;overflow:hidden;text-overflow:ellipsis}.playlist-meta{line-height:1.5}.on-air,.channel{font-size:9px}@media(max-width:540px){.login{font-size:12px}.track-owner{max-width:70px}}

.playlist-week{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:6px 12px;margin-bottom:12px}.playlist-week .eyebrow{margin:0}.playlist-week #week-label{font-size:12px;color:#68775f;white-space:nowrap}