:root{color-scheme:dark;font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif;background:#141618;color:#e7e9ec;font-size:14px}*{box-sizing:border-box}html,body{margin:0;min-height:100%;height:100%}button,input,select{font:inherit}button{cursor:pointer;color:inherit}button:disabled{opacity:.5;cursor:wait}button:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid #6dd9ac;outline-offset:2px}.hidden{display:none!important}#app{height:100dvh;display:flex;flex-direction:column;min-height:620px}.topbar{height:55px;display:flex;align-items:center;gap:12px;background:#1d1f21;border-bottom:1px solid #35383c;padding:0 14px;flex:none}.brand{display:flex;gap:3px;align-items:center;font-size:18px;font-weight:800;white-space:nowrap;letter-spacing:-.65px}.brand-symbol{color:#f77925;margin-right:6px;font-size:24px}.brand-accent{color:#ff792c}.brand small{align-self:flex-start;margin-left:4px;font-size:10px;letter-spacing:0;color:#ffc14d;font-weight:800}.station-tabs{display:flex;align-items:center;gap:7px;overflow-x:auto;flex:1;height:100%;scrollbar-width:thin;scrollbar-color:#45494d transparent}.station-tab{background:#26292c;border:1px solid #45484b;border-left:4px solid #2fa653;border-radius:4px;padding:7px 13px;white-space:nowrap;font-weight:650;font-size:13px;height:31px;line-height:16px;transition:background .16s}.station-tab:hover{background:#34383b}.station-tab.active{background:#38434b;border:1px solid #64bb8a;border-left:4px solid #36e09b;color:#fff}.tab-dot{display:inline-block;width:7px;height:7px;border-radius:50%;background:#48d8a0;margin-right:6px}.tab-dot.off{background:#a9775c}.icon-button{border:1px solid #475262;border-radius:5px;min-width:38px;height:34px;background:#222c38;color:#d1e3ff;font-size:23px}.icon-button:hover{border-color:#7eb9ff}.subbar{height:38px;display:flex;align-items:center;gap:24px;padding:0 17px;background:#1b1d1f;border-bottom:1px solid #35383c;flex:none}.subbar-title{font-size:12px;letter-spacing:.09em;color:#939ba5;font-weight:800}.subbar-description{font-size:12px;color:#59616c}.global-status{margin-left:auto;font-size:12px;color:#919a9f}.layout{min-height:0;flex:1;display:flex}.sidebar{width:326px;flex:none;display:flex;flex-direction:column;background:#181a1c;border-right:1px solid #373a3d;min-height:0}.sidebar-heading{padding:15px 13px 8px;display:flex;justify-content:space-between;align-items:center;font-size:12px;letter-spacing:.06em;color:#a6a1a0}.sidebar-heading span{color:#9e9e9e}.sidebar-hint{font-size:11px;padding:0 13px 11px;color:#697078}.segments-list{overflow:auto;min-height:0;flex:1;scrollbar-color:#777 #232527;scrollbar-width:thin}.segment-item{display:flex;gap:8px;align-items:center;padding:10px 13px;border-bottom:1px solid #262a2d;min-height:40px;cursor:pointer;transition:background .1s}.segment-item:hover,.segment-item.selected{background:#292d31}.segment-time{font-variant-numeric:tabular-nums;color:#91959a;font-size:12px;min-width:75px}.segment-title{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:13px;color:#eee}.segment-length{margin-left:auto;color:#5f6974;font-size:11px}.sidebar-footer{border-top:1px solid #33363a;padding:11px 12px;font-size:11px;color:#818789;line-height:1.4}.status-dot,.live-dot{display:inline-block;width:8px;height:8px;border-radius:50%;background:#24cd90;margin-right:5px}.empty-state{padding:24px 14px;color:#8b9195;line-height:1.6}.main-panel{min-height:0;min-width:0;display:flex;flex-direction:column;flex:1}.info-panel{height:65px;flex:none;display:flex;align-items:center;gap:15px;padding:10px 14px;border-bottom:1px solid #33383d;background:#1b1e20}.datetime-block{display:flex;flex-direction:column;gap:3px}.datetime-block label{font-size:10px;font-weight:700;letter-spacing:.1em;color:#949ca3}.datetime-block input{width:207px;height:30px;background:#262a2f;color:#e2e8ed;border:1px solid #454950;border-radius:5px;padding:0 9px;font-size:13px}.now-clock{display:flex;flex-direction:column;align-items:center;min-width:88px}.now-clock span{font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:20px;letter-spacing:1px;font-weight:700}.now-clock small{font-size:10px;color:#888e96}.station-current{display:flex;align-items:center;gap:13px;background:#24282c;border:1px solid #393f46;border-radius:5px;padding:8px 13px;min-width:160px;flex:1;max-width:800px}.station-current-caption{font-size:9px;color:#797f87;letter-spacing:.07em;white-space:nowrap}.station-current strong{color:#30d69e;font-size:15px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.station-pill{background:#344138;color:#8dd7a4;border-radius:3px;font-size:10px;padding:3px 7px;margin-left:auto;white-space:nowrap}.station-pill.bad{background:#40332c;color:#ffab81}.head-indicator{display:flex;align-items:center;gap:4px;color:#979ca4;font-size:11px;white-space:nowrap}.indicator-dot{display:inline-block;width:7px;height:7px;border-radius:50%;background:#78818b}.head-indicator.on .indicator-dot{background:#2de6a0;box-shadow:0 0 7px #31e99b}.head-indicator.on{color:#97cdb3}.timelines{flex:1;min-height:0;display:flex;flex-direction:column;background:#141618}.timeline-header{display:flex;align-items:center;justify-content:space-between;padding:10px 14px 9px;font-size:10px;letter-spacing:.1em;color:#8a939f;font-weight:700}.legend{display:flex;gap:6px;align-items:center;letter-spacing:0;font-weight:400}.legend i{display:inline-block;width:10px;height:10px;background:#fc7022}.legend b{display:inline-block;margin-left:7px;height:12px;width:2px;background:#23eeb1}.timeline-grid{flex:1;display:flex;flex-direction:column;min-height:180px;border-top:1px solid #2b2e32}.timeline-lane{position:relative;flex:1;min-height:0;border-bottom:1px solid #313338;overflow:hidden;cursor:crosshair}.timeline-lane:hover{background:#191a1d}.timeline-label{position:absolute;left:8px;top:4px;color:#9e9de8;text-shadow:0 1px #121315;font-size:11px;font-weight:800;pointer-events:none;z-index:1}.timeline-label em{color:#777d86;font-size:9px;margin-left:8px;font-style:normal;font-weight:600}.timeline-lane canvas{display:block;width:100%;height:100%}.timeline-footnote{padding:6px 14px;font-size:10px;color:#717980;background:#1b1d1f;border-bottom:1px solid #323639}.bottom-status{height:32px;flex:none;padding:8px 14px;display:flex;gap:20px;justify-content:space-between;background:#181a1b;font-size:11px;color:#99a19e}.muted{color:#6e7780}.playerbar{min-height:65px;background:#222426;border-top:1px solid #34383a;display:flex;align-items:center;gap:14px;padding:10px 14px;flex:none}.player-actions{display:flex;gap:8px;align-items:center;min-width:0;flex:1;flex-wrap:wrap}.control{background:#343a40;border:1px solid transparent;border-radius:5px;min-height:38px;padding:0 14px;white-space:nowrap;font-weight:700;font-size:13px}.control:hover{background:#414a50}.control-primary{background:#df5e21;color:white}.control-primary:hover{background:#f2732d}.control-square{min-width:46px;padding:0 8px}.control-square small{font-size:10px}.separator{height:26px;border-left:1px solid #4b5056;margin:0 2px}.speed-wrapper,.clip-wrapper{display:flex;align-items:center;gap:8px;font-size:11px;color:#a0a6a8;white-space:nowrap}.speed-wrapper select,.clip-wrapper select{border:1px solid #3c4348;border-radius:4px;background:#30353b;padding:8px 5px;color:#eee;font-weight:650}.player-volume{display:flex;align-items:center;gap:9px;color:#a8b8ca;white-space:nowrap}.player-volume input{accent-color:#2197fe;width:108px}.welcome{margin:auto;max-width:590px;text-align:center;padding:25px;color:#c9d1d6}.welcome-icon{font-size:50px;color:#fa7c31}.welcome h1{font-size:28px}.welcome p{color:#949da6;line-height:1.7}.welcome-note{font-size:12px}.primary{border:none;border-radius:5px;background:#e9682c;padding:11px 20px;color:white;font-weight:750}.primary:hover{background:#fa813d}.overlay{position:fixed;inset:0;background:rgba(0,0,0,.79);z-index:20;display:flex;align-items:center;justify-content:center;padding:18px}.modal{width:min(100%,510px);background:#25292e;border:1px solid #50555e;border-radius:11px;box-shadow:0 16px 50px #0009;padding:27px;display:flex;flex-direction:column;gap:17px}.modal h2{font-size:22px;margin:0}.modal p{color:#afb7bf;line-height:1.7;margin:0}.modal code{color:#ffc182}.modal label{display:flex;flex-direction:column;gap:7px;font-size:12px;color:#bfc7cf;font-weight:700}.modal input:not([type=checkbox]){background:#151719;border:1px solid #4c555c;color:#f1f4f6;border-radius:5px;padding:11px 12px;width:100%;outline:none}.modal input:focus{border-color:#69c79f}.modal .check-label{flex-direction:row;align-items:center;font-weight:500}.modal input[type=checkbox]{accent-color:#34b782;width:17px;height:17px}.modal-top{display:flex;align-items:center;justify-content:space-between;gap:8px}.modal-brand{font-size:23px;margin-bottom:5px}.close-button{background:transparent;border:0;font-size:30px;line-height:26px;color:#999}.modal-actions{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:2px}.modal-actions .primary{margin-left:auto}.danger{background:#472a2b;border:1px solid #b95b60;color:#ffbabb;border-radius:5px;padding:9px 12px}.form-error{color:#ff9c89;font-size:12px;min-height:0}.toast{position:fixed;bottom:85px;left:50%;transform:translateX(-50%);background:#313b40;border:1px solid #69816b;padding:11px 17px;z-index:25;border-radius:6px;box-shadow:0 12px 32px #0009;font-size:13px;max-width:min(540px,94vw)}
@media(max-width:1200px){.sidebar{width:265px}.station-current-caption{display:none}.info-panel{gap:9px}.control{padding:0 9px}.speed-wrapper,.clip-wrapper{gap:3px}}
@media(max-width:950px){.sidebar{width:185px}.segment-time{min-width:55px}.segment-length{display:none}.head-indicator{display:none}.clip-wrapper{display:none}.subbar-description{display:none}.player-volume input{width:65px}}
@media(max-width:720px){#app{min-height:0}.topbar{height:52px;padding:0 8px;gap:6px}.brand{font-size:14px}.brand-symbol{font-size:18px;margin-right:2px}.brand small{font-size:8px}.icon-button{min-width:31px;font-size:18px;height:30px}.station-tab{padding:6px 9px;font-size:11px}.subbar{height:27px}.sidebar{display:none}.info-panel{height:95px;flex-wrap:wrap;padding:8px;gap:6px}.datetime-block{flex:1}.datetime-block input{width:100%;min-width:155px}.now-clock{min-width:80px}.station-current{order:2;width:100%;max-width:none;min-width:0;height:29px;flex:auto;padding:4px 7px}.timeline-header{padding:8px}.timeline-label{font-size:10px}.timeline-footnote{font-size:9px}.bottom-status{font-size:9px}.playerbar{padding:7px;gap:5px;min-height:110px;flex-direction:column;align-items:stretch}.player-actions{gap:4px;justify-content:space-between}.control{min-height:33px;padding:0 7px;font-size:11px}.separator,.speed-wrapper,.player-volume{display:none}.clip-wrapper{display:flex}.clip-wrapper select{padding:6px 3px}.modal{padding:18px}}

/* Radio title received through the ICY StreamTitle metadata channel. */
.track-now{display:flex;flex-direction:column;justify-content:center;gap:4px;min-width:160px;flex:1;overflow:hidden}
.track-now small{font-size:9px;letter-spacing:.08em;color:#929aa3;font-weight:750}
.track-now strong{font-size:13px;font-weight:700;color:#e7e9ed;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
@media(max-width:1150px){.track-now{max-width:230px;min-width:110px}}
@media(max-width:950px){.track-now{max-width:160px}}
@media(max-width:720px){.track-now{order:3;min-width:100%;max-width:none;height:28px}.info-panel{height:130px}.track-now small{display:none}}

.account-role {color:#aab0b7;font-size:10px;letter-spacing:1px;padding:4px 6px;border:1px solid #3b444a;border-radius:5px;white-space:nowrap;}