.hero-meter{width:clamp(240px,28vw,380px);max-width:100%;flex-shrink:0!important}
.analog-meter-frame{padding:12px;border:1px solid #495056;border-radius:15px;background:linear-gradient(150deg,#57616b,#161c23 25%,#060a0f 75%,#3a424a);box-shadow:0 8px 20px #0007,inset 0 1px 1px #ffffff50}
.analog-meter-glass{overflow:hidden;border-radius:7px;border:2px solid #151e25;box-shadow:0 0 15px #a9d7f421,inset 0 0 12px #0009}
#analog-smeter{display:block;width:100%;height:auto;aspect-ratio:640/300}
#websdr-theme-button{border:1px solid var(--border-strong);border-radius:8px;padding:9px 13px;background:var(--panel);color:var(--text);cursor:pointer;white-space:nowrap}
html[data-theme=light]{--bg:#edf2f7;--bg-2:#e3ebf3;--panel:#fff;--panel-2:#f3f7fb;--panel-3:#e7eef6;--border:#c9d5e2;--border-strong:#adbed1;--text:#182b40;--muted:#50657b;--muted-2:#61758a;--shadow:0 8px 24px #253e5515;color-scheme:light}
html[data-theme=light] body{background:linear-gradient(160deg,#f6f9fc,#e9eff6);color:var(--text)}
html[data-theme=light] :is(.console-card,.control-card,.panel,.card,.control-subsection,.websdr-tab-panel,.topbar,.app-footer){background:var(--panel)!important;color:var(--text)!important;border-color:var(--border)!important}
html[data-theme=light] :is(input,select,textarea,button,.websdr-tab-button,.mode-btn){background:#edf3f9!important;color:#19324b!important;border-color:#b7c8da!important}
html[data-theme=light] :is(.is-active,[aria-selected=true],.mode-btn.active){background:#176ad3!important;color:white!important}
html[data-theme=light] :is(.brand-subtitle,.card-eyebrow,.section-title,.panel-helper,.meter-small,.freq-label,.meter-readout,.top-status-item){color:#4d6279!important}
html[data-theme=light] a{color:#145fb9}
html[data-theme=light] :is(#chatbox,#users,#stats){color:#213c56!important;background:#f4f8fc!important}
@media(max-width:700px){.hero-meter{width:min(100%,360px);margin-inline:auto}.hero-row{flex-wrap:wrap!important;gap:18px!important}.analog-meter-frame{padding:9px}.topbar{flex-wrap:wrap}.top-status{flex-wrap:wrap}.meter-readout{justify-content:center}#websdr-theme-button{min-height:42px}}
@media(max-width:900px){.hero-meter{display:block!important}}
@media(prefers-reduced-motion:reduce){.analog-meter-frame{box-shadow:0 3px 10px #0004}}
/* Gray theme: coordinated panels, borders and typography. */
html[data-theme=light]{--bg:#858b91;--bg-2:#92989e;--panel:#a7adb3;--panel-2:#9da4ab;--panel-3:#9199a1;--border:#707a84;--border-strong:#626e79;--text:#101c27;--muted:#273b4b;--muted-2:#344a5b;--accent:#294d68;--accent-2:#345f7d;--shadow:0 8px 24px #17232d26;color-scheme:light}
html[data-theme=light] body{background:linear-gradient(160deg,#969da4,#7c858e)!important;color:#101c27!important}
html[data-theme=light] :is(.app-shell,.receiver-console,.console-card,.control-card,.control-subsection,.panel,.card,.websdr-tab-panel,.topbar,.app-footer,.waterfall-stage,.waterfall-stage-inner,.hero-meter,.hero-tuning,.station-info-card){background:var(--panel)!important;color:var(--text)!important;border-color:var(--border)!important;box-shadow:none}
html[data-theme=light] :is(h1,h2,h3,h4,p,label,legend,span,strong,b,small,td,th,summary,.freq-units,.brand-subtitle,.card-eyebrow,.section-title,.panel-helper,.meter-small,.freq-label,.meter-readout,.top-status-item,.brand-mark){color:inherit!important}
html[data-theme=light] :is(input,select,textarea,button,.websdr-tab-button,.mode-btn){background:#bdc2c7!important;color:#132634!important;border-color:#697682!important;box-shadow:none!important}
html[data-theme=light] input::placeholder,html[data-theme=light] textarea::placeholder{color:#445667!important;opacity:1}
html[data-theme=light] :is(.is-active,[aria-selected=true],[aria-pressed=true],.mode-btn.active){background:#475c6d!important;color:#f4f6f8!important;border-color:#334957!important}
html[data-theme=light] :is(.is-active,[aria-selected=true],[aria-pressed=true],.mode-btn.active) :is(span,strong,b){color:inherit!important}
html[data-theme=light] :is(table,.table,.waterfall-tab-grid,.waterfall-settings-panel,.waterfall-tuning-panel,.waterfall-band-panel,.waterfall-options,.meter-readout){background:var(--panel-2)!important;color:var(--text)!important;border-color:var(--border)!important}
html[data-theme=light] :is(td,th){border-color:var(--border)!important}
html[data-theme=light] :is(#chatbox,#users,#stats){background:#b0b6bc!important;color:#152b3b!important;border-color:var(--border)!important}
html[data-theme=light] .analog-meter-frame{background:linear-gradient(150deg,#9ca4ac,#59636d 35%,#404b55 80%,#82909b)!important;border-color:#596672!important;box-shadow:0 5px 14px #17232d35,inset 0 1px 1px #e5e9ec88}
html[data-theme=light] .analog-meter-glass{border-color:#57616b!important}
html[data-theme=light] a{color:#163e5d!important}
html[data-theme=light] :is(.online-dot,.footer-sep){color:inherit!important}
html[data-theme=light] :is(#audio-start-box,#audio-mobile-box){background:#a7adb3!important;color:#152634!important;border-color:#626e79!important}
html[data-theme=light] :is(#audio-start-box p,#audio-mobile-box p){color:#273b4b!important}
/* Remaining containers with legacy fixed dark colors. */
html[data-theme=light] :is(.top-status,.top-status-item,.community-card,.users-card,.users-card-full,.users-header,.users-stage,.websdr-tabs-body,.websdr-tabs-body>.community-card){background:#a7adb3!important;color:#152634!important;border-color:#707a84!important;box-shadow:none!important}
html[data-theme=light] .top-status-item{border-left-color:#7b858e!important}
html[data-theme=light] :is(.station-info-list,.station-info-list div,.station-info-list div *,.users-header *,.top-status-item *,.control-subsection label,.control-subsection div,.control-subsection p,.control-subsection small,.control-subsection span,.control-subsection strong,.small-note,.panel-helper,.preset-helper,.bw-label,.subsection-title){color:#223746!important}
html[data-theme=light] :is(.mode-status,.mode-indicator,.mode-display,.mode-badge){background:#929da7!important;color:#1b3041!important;border-color:#657581!important}
html[data-theme=light] :is(.control-subsection,.control-subsection label,.control-subsection div,.control-subsection span) :is(button.is-active,button[aria-pressed=true],button[aria-selected=true]){color:#f4f6f8!important}
html[data-theme=light] :is(.users-card,.users-card-full) #users{background:#b0b6bc!important;color:#152b3b!important}