:root{color-scheme:light;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:#16202a;background:#f6f7f9;--bg: #f6f7f9;--ink: #16202a;--muted: #627080;--line: #d8dee6;--panel: #ffffff;--panel-soft: #f0f3f5;--header-bg: rgba(255, 255, 255, .94);--active-bg: #fff0f1;--control-bg: #ffffff;--control-muted-bg: #eef1f4;--now-bg: #eef8f7;--now-line: #bee3df;--success-bg: #e8f7ef;--danger-bg: #fff0ee;--warning-bg: #fff6e8;--unknown-bg: #edf0f4;--error-line: #ffd0cb;--shadow: 0 12px 32px rgba(22, 32, 42, .06);--teal: #087f8c;--bdc-red: #f4252a;--green: #1f8a4c;--red: #b42318;--amber: #a15c00;--indigo: #3843a8}[data-theme=dark]{color-scheme:dark;color:#f5f7fb;background:#080b10;--bg: #080b10;--ink: #f5f7fb;--muted: #a8b3c2;--line: #26313f;--panel: #101722;--panel-soft: #172130;--header-bg: rgba(8, 11, 16, .94);--active-bg: rgba(244, 37, 42, .16);--control-bg: #0c121b;--control-muted-bg: #151f2d;--now-bg: #0f2527;--now-line: #1f5559;--success-bg: rgba(105, 211, 145, .14);--danger-bg: rgba(255, 138, 127, .14);--warning-bg: rgba(255, 196, 91, .14);--unknown-bg: #182231;--error-line: rgba(255, 138, 127, .38);--shadow: 0 16px 38px rgba(0, 0, 0, .34);--teal: #34c1c8;--bdc-red: #ff4a50;--green: #69d391;--red: #ff8a7f;--amber: #ffc45b;--indigo: #9aa7ff}*{box-sizing:border-box}body{background:var(--bg);color:var(--ink);margin:0}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}input,select,textarea{background:var(--control-bg);color:var(--ink)}.site-header{align-items:center;background:var(--header-bg);border-bottom:1px solid var(--line);display:flex;gap:24px;justify-content:space-between;min-height:68px;padding:0 28px 0 22px;position:sticky;top:0;z-index:10}.brand,.site-header nav{align-items:center;display:flex;gap:12px}.brand{font-weight:800;background:#fff;border:1px solid var(--line);border-radius:8px;padding:4px 8px}.brand-logo{display:block;height:38px;width:auto}.site-header nav a,.nav-button{background:transparent;border-radius:8px;border:0;color:var(--muted);cursor:pointer;font-weight:700;padding:8px 10px}.site-header nav a.active,.nav-button:hover{background:var(--active-bg);color:var(--bdc-red)}.theme-toggle{align-items:center;background:var(--control-bg);border:1px solid var(--line);border-radius:999px;color:var(--ink);cursor:pointer;display:inline-flex;font-weight:800;gap:8px;min-height:34px;padding:0 11px}.theme-toggle span{background:var(--bdc-red);border-radius:999px;box-shadow:0 0 0 4px var(--active-bg);display:block;height:9px;width:9px}main{min-height:calc(100vh - 68px)}.page-grid,.detail-layout{margin:0 auto;max-width:1180px;padding:28px}.intro-panel{background:linear-gradient(135deg,#0d5f6a,#18233f 58%,#27324c);border-radius:8px;color:#fff;margin-bottom:24px;overflow:hidden;padding:44px;position:relative}.intro-panel:after{background:linear-gradient(90deg,rgba(255,255,255,.16) 1px,transparent 1px),linear-gradient(0deg,rgba(255,255,255,.11) 1px,transparent 1px);background-size:36px 36px;content:"";top:0;right:0;bottom:0;left:0;opacity:.42;position:absolute}.intro-panel>*{max-width:680px;position:relative;z-index:1}.eyebrow{color:#2d7480;font-size:.78rem;font-weight:800;letter-spacing:0;margin:0 0 8px;text-transform:uppercase}.intro-panel .eyebrow{color:#abe4df}h1,h2,p{margin-top:0}h1{font-size:clamp(2rem,5vw,4.6rem);line-height:.96;margin-bottom:16px}h2{font-size:1.1rem}.station-grid{display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.directory-ad-strip{margin-top:22px}.directory-ad-strip a,.directory-ad-strip div{background:var(--panel);border:1px solid var(--line);border-radius:8px;box-shadow:var(--shadow);display:block;margin:0 auto;max-width:700px;overflow:hidden}.directory-ad-strip img{display:block;height:auto;width:100%}.station-card,.player-panel,.side-panel,.table-card,.metric,.panel,.login-panel,.notice{background:var(--panel);border:1px solid var(--line);border-radius:8px;box-shadow:var(--shadow)}.station-card{display:grid;gap:16px;grid-template-columns:86px 1fr;min-height:220px;padding:18px}.station-card p{color:var(--muted)}.station-art{align-items:center;aspect-ratio:1;background:var(--panel-soft);border:1px solid var(--line);border-radius:8px;color:var(--teal);display:flex;font-size:1.8rem;font-weight:900;justify-content:center;overflow:hidden;width:100%}.station-art.large{max-width:150px}.station-art img,.sponsor-banner img{height:100%;object-fit:cover;width:100%}.card-heading,.toolbar,.station-hero{align-items:flex-start;display:flex;gap:16px;justify-content:space-between}.toolbar-actions,.report-controls,.segmented-control{align-items:center;display:flex;gap:10px}.card-heading h2,.toolbar h1{margin-bottom:0}.status-pill{border-radius:999px;display:inline-flex;font-size:.76rem;font-weight:800;padding:5px 9px;text-transform:uppercase;white-space:nowrap}.status-online{background:var(--success-bg);color:var(--green)}.status-offline{background:var(--danger-bg);color:var(--red)}.status-stale{background:var(--warning-bg);color:var(--amber)}.status-unknown{background:var(--unknown-bg);color:var(--muted)}.mini-stats,.detail-list{display:grid;gap:10px;grid-template-columns:repeat(2,minmax(0,1fr));margin:16px 0}dt{color:var(--muted);font-size:.76rem;font-weight:800;text-transform:uppercase}dd{margin:0}.now-playing{border-top:1px solid var(--line);font-weight:700;padding-top:14px}.detail-layout{display:grid;gap:20px;grid-template-columns:minmax(0,1fr) 330px}.player-panel,.side-panel,.table-card,.panel,.login-panel,.notice{padding:22px}.login-panel{margin:40px auto;max-width:460px}.login-panel h1{font-size:2.4rem}.login-form{display:grid;gap:14px}.login-form label{color:var(--muted);display:grid;font-weight:800;gap:7px}.login-form input{background:var(--control-bg);border:1px solid var(--line);border-radius:8px;color:var(--ink);min-height:44px;padding:0 12px}.station-hero{justify-content:flex-start;margin:18px 0 24px}.audio-player{margin:8px 0 18px;width:100%}.lead-in-note{color:var(--muted);font-size:.92rem;font-weight:700;margin:-6px 0 16px}.now-box{background:var(--now-bg);border:1px solid var(--now-line);border-radius:8px;display:grid;gap:4px;padding:16px}.now-box span{color:var(--teal);font-size:.78rem;font-weight:800;text-transform:uppercase}.endpoint-list{display:grid;gap:10px;margin-bottom:26px}.endpoint-list a,.sponsor-banner,.button{border:1px solid var(--line);border-radius:8px;display:flex;gap:10px;justify-content:space-between;padding:12px}.endpoint-list small{color:var(--muted)}.sponsor-banner{align-items:center;min-height:88px}.sponsor-banner.placeholder{color:var(--muted);justify-content:center}.back-link{color:var(--teal);display:inline-flex;font-weight:800;margin-bottom:12px}.button{align-items:center;background:var(--ink);color:#fff;font-weight:800;min-height:42px}.button.secondary{background:var(--control-bg);color:var(--ink)}.report-controls input{background:var(--control-bg);border:1px solid var(--line);border-radius:8px;min-height:42px;padding:0 10px}.segmented-control{background:var(--control-muted-bg);border:1px solid var(--line);border-radius:8px;padding:3px}.segmented-control button{background:transparent;border:0;border-radius:6px;color:var(--muted);cursor:pointer;font-weight:800;min-height:34px;padding:0 12px}.segmented-control button.active{background:var(--control-bg);color:var(--bdc-red)}.muted-text{color:var(--muted)}.daily-breakdown{color:var(--muted);display:grid;font-size:.82rem;gap:3px;margin-top:8px}.table-card{overflow-x:auto}table{border-collapse:collapse;min-width:920px;width:100%}th,td{border-bottom:1px solid var(--line);padding:14px 12px;text-align:left;vertical-align:top}th{color:var(--muted);font-size:.78rem;text-transform:uppercase}.metric-grid{display:grid;gap:14px;grid-template-columns:repeat(4,minmax(0,1fr))}.metric span{color:var(--muted);display:block;font-size:.8rem;font-weight:800;text-transform:uppercase}.metric strong{display:block;font-size:1.6rem;margin-top:8px}.metric{padding:18px}.split{display:grid;gap:18px;grid-template-columns:minmax(0,1fr) 360px;margin-top:18px}.chart-wrap{background:var(--control-bg);border:1px solid var(--line);border-radius:8px;color:var(--indigo);overflow:hidden;padding:12px}.chart-wrap svg{display:block;width:100%}.chart-wrap circle{fill:#ffb703;stroke:var(--control-bg);stroke-width:2}.error-text{background:var(--danger-bg);border:1px solid var(--error-line);border-radius:8px;color:var(--red);padding:12px}.notice a{color:var(--teal);font-weight:800}@media (max-width: 820px){.site-header{align-items:flex-start;flex-direction:column;gap:10px;padding:14px 18px}.page-grid,.detail-layout{padding:18px}.intro-panel{padding:30px 22px}.detail-layout,.split,.metric-grid{grid-template-columns:1fr}.station-card{grid-template-columns:72px 1fr}.station-hero,.toolbar,.toolbar-actions,.report-controls{align-items:flex-start;flex-direction:column}.mini-stats,.detail-list{grid-template-columns:1fr}}