:root{--bg: #0e1116;--panel: #161b23;--text: #c9d2df;--text-dim: #78829199;--accent: #5ea2ff;--accent-2: #9ece6a;--alert: #ff4d4d;--edge: #232a35;--glass-edge: #2a3342}:root.light{--bg: #f2f4f7;--panel: #ffffff;--text: #22282f;--text-dim: #5c6672;--accent: #2f6fce;--accent-2: #3d8f3d;--alert: #d32020;--edge: #d8dde4;--glass-edge: #b9c2cf}*{box-sizing:border-box}html,body{margin:0;height:100%;background:var(--bg);color:var(--text);font:13px/1.4 system-ui,-apple-system,sans-serif;transition:background .25s,color .25s}body{display:flex;flex-direction:column}#topbar{display:flex;align-items:center;gap:16px;flex-wrap:wrap;padding:10px 16px;background:var(--panel);border-bottom:1px solid var(--edge)}.brand{font-weight:700;letter-spacing:.18em;font-size:14px}.brand span{color:var(--accent)}.spacer{display:none}#powerBtn{margin-left:auto}.vfo{font-family:ui-monospace,SF Mono,monospace;font-size:26px;font-weight:500;color:var(--accent);min-width:190px;text-align:right;cursor:ns-resize;-webkit-user-select:none;user-select:none;font-variant-numeric:tabular-nums}#dials{display:flex;flex-direction:column;align-items:flex-end}#centerDial{font-size:15px;line-height:1.3;color:#e6c266}#centerDial[hidden]{display:none}#centerDial .digit:hover{background:color-mix(in srgb,#e6c266 25%,transparent)}#centerDial .dial-label{font-size:9px;font-weight:700;letter-spacing:.16em;color:var(--text-dim);margin-right:8px;vertical-align:2px}#centerDial .unit{font-size:10px}#centerDial input.center-edit{width:110px;font:13px ui-monospace,monospace;text-align:right;background:transparent;color:#e6c266;border:1px solid #e6c26666;border-radius:4px;padding:1px 6px}#vfoRow{display:flex;align-items:center;flex-wrap:wrap;justify-content:flex-end;gap:6px 10px}#stepper{display:flex;align-items:center;gap:2px}#stepper button{font:500 12px/1 ui-monospace,SF Mono,monospace;color:var(--text-dim);background:transparent;border:1px solid var(--edge);border-radius:5px;min-width:26px;height:26px;padding:0;cursor:pointer;-webkit-user-select:none;user-select:none;touch-action:manipulation}#stepper button:hover:not(:disabled){color:var(--accent);border-color:var(--accent)}#stepper button:disabled{opacity:.3;cursor:default}#stepper button#stepSize.locked{color:var(--alert);border-color:var(--alert)}.vfo.locked,.vfo.locked .digit{cursor:default}.vfo.locked .digit:hover{background:transparent}#stepper button:active{background:color-mix(in srgb,var(--accent) 22%,transparent)}#stepper button#stepSize{min-width:58px;font-size:11px;font-variant-numeric:tabular-nums}#ft8List{flex:1;overflow-y:auto;min-height:0;font:12px/1.55 ui-monospace,SF Mono,monospace;font-variant-numeric:tabular-nums;padding:2px 0}.ft8row{display:flex;gap:10px;padding:1px 8px;cursor:pointer;white-space:nowrap}.ft8row:hover{background:color-mix(in srgb,var(--accent) 14%,transparent)}.ft8t{color:var(--text-dim)}.ft8snr{width:2.6em;text-align:right}.ft8dt{color:var(--text-dim);width:3.2em;text-align:right}.ft8f{color:var(--text-dim);width:3.5em;text-align:right}.ft8msg{color:var(--accent)}.ft8row.cq .ft8msg{color:var(--accent-2);font-weight:600}#ft8CqOnly{background:transparent;color:var(--text-dim);border:1px solid var(--edge);border-radius:5px;font:600 9px/1 system-ui,sans-serif;letter-spacing:.08em;padding:3px 7px;margin-left:auto;cursor:pointer}#ft8CqOnly:hover{border-color:var(--accent-2)}#ft8CqOnly.on{color:var(--accent-2);border-color:var(--accent-2)}#ft8Btn.unlocked{border-color:var(--accent);color:var(--accent)}.vfo .unit{font-size:13px;color:var(--text-dim);margin-left:6px}.vfo .digit{cursor:ns-resize;border-radius:3px;touch-action:none}.vfo .digit:hover{background:color-mix(in srgb,var(--accent) 22%,transparent)}.vfo .dim,.vfo .sep{color:var(--text-dim)}.mode-group{display:flex;gap:4px}.mode-group button{background:transparent;color:var(--text-dim);border:1px solid var(--edge);border-radius:6px;padding:5px 12px;font:inherit;font-weight:600;cursor:pointer}.mode-group button.active{color:var(--accent);border-color:var(--accent)}.mode-group button:disabled{opacity:.35;cursor:default}.bits-label{display:flex;align-items:center;gap:6px;color:var(--text-dim);font-size:11px;text-transform:uppercase;letter-spacing:.08em}.bits-label[hidden]{display:none}.bits-label select{background:transparent;color:var(--text);border:1px solid var(--edge);border-radius:6px;padding:4px 6px;font:inherit;cursor:pointer}.pill{background:transparent;color:var(--text);border:1px solid var(--edge);border-radius:999px;padding:6px 14px;font:inherit;cursor:pointer}.pill:hover{border-color:var(--accent)}.pill.on{color:var(--accent-2);border-color:var(--accent-2)}#autoScale{color:var(--alert);border-color:var(--alert)}#autoScale:hover{border-color:var(--alert);background:color-mix(in srgb,var(--alert) 12%,transparent)}#powerBtn{font-weight:700;white-space:nowrap}#powerBtn.needs-start{color:var(--alert);border-color:var(--alert)}#powerBtn.needs-start:hover{background:color-mix(in srgb,var(--alert) 12%,transparent)}#powerBtn.on{color:var(--accent-2);border-color:var(--accent-2)}#powerBtn.on:hover{background:color-mix(in srgb,var(--accent-2) 12%,transparent)}#agcbar{display:flex;align-items:center;gap:18px;flex-wrap:wrap;padding:6px 16px;background:var(--panel);border-bottom:1px solid var(--edge);color:var(--text-dim);font-size:12px}#agcbar .agc-title{font-weight:700;letter-spacing:.12em;font-size:11px}#agcbar label{display:flex;align-items:center;gap:6px}#agcbar b{color:var(--accent);font-family:ui-monospace,monospace}#agcbar input[type=range]{width:140px;accent-color:var(--accent)}#agcbar input[type=number]{width:64px;background:transparent;color:var(--text);border:1px solid var(--edge);border-radius:6px;padding:3px 6px;font:inherit}#agcbar input[type=checkbox]{accent-color:var(--accent)}#volWrap input[type=range]{width:90px;accent-color:var(--accent)}#sqInd{font-size:9px;font-weight:700;letter-spacing:.18em;color:var(--text-dim);opacity:.25;-webkit-user-select:none;user-select:none;border:1px solid var(--edge);border-radius:4px;padding:2px 6px}#sqInd.closed{color:#e6c266;border-color:#e6c26688;opacity:1}#stereoInd{margin-left:14px;font-size:9px;font-weight:700;letter-spacing:.18em;color:var(--text-dim);opacity:.35;cursor:pointer;-webkit-user-select:none;user-select:none;border:1px solid var(--edge);border-radius:4px;padding:2px 6px}#stereoInd.on{color:var(--accent-2);border-color:var(--accent-2);opacity:1}#stereoInd.forced{color:#e6c266;border-color:#e6c26688;opacity:1}#rdsInfo{position:absolute;top:8px;left:50%;transform:translate(-50%);z-index:3;pointer-events:none;max-width:80%;display:flex;align-items:center;gap:10px;background:#10151dcc;border:1px solid #2a3342;border-radius:6px;padding:3px 12px;overflow:hidden}#rdsInfo[hidden]{display:none}#rdsInfo b{color:var(--accent);font-family:ui-monospace,monospace;font-size:13px;white-space:pre}#rdsInfo #rdsPty{color:var(--accent-2);font-size:11px;white-space:nowrap}#rdsInfo #rdsRt{color:var(--text-dim);font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:340px}#smeterWrap{margin-left:auto;display:flex;align-items:center;gap:10px}#smeter{width:240px;height:26px;display:block}#smeterText{font-family:ui-monospace,monospace;font-size:12px;color:var(--accent-2);min-width:130px;text-align:right}#stage{flex:1;display:flex;min-height:0;padding:12px;gap:12px}#maincol{flex:1;display:flex;flex-direction:column;gap:12px;min-width:0;min-height:0}#glass{flex:1;display:flex;flex-direction:row;min-width:0;min-height:0;background:#05070a;border:1px solid var(--glass-edge);border-radius:10px;overflow:hidden;position:relative}#glassGutter{flex:none;width:52px;display:flex;flex-direction:column}#dbScale{height:196px;width:100%;display:block}#glassGutter .gutter-gap{height:22px}#cbar{flex:1;width:100%;display:block;min-height:0}#specLine,#waterfall{touch-action:none}#stagecol{flex:1;display:flex;flex-direction:column;min-width:0;min-height:0;position:relative}#glassGutterRight{flex:none;width:16px}#subpanels{display:flex;gap:12px;height:200px}.panel{flex:1;display:flex;flex-direction:column;min-width:0;background:#05070a;border:1px solid var(--glass-edge);border-radius:10px;overflow:hidden}.panel[hidden]{display:none}.panel header{font-size:10px;font-weight:700;letter-spacing:.12em;color:#9aa7b8;padding:4px 10px 2px;display:flex;justify-content:space-between}.panel header span{font-weight:400;letter-spacing:0;color:#68758a}#ft8Title{font-weight:inherit}.panel .pline{height:80px;width:100%;display:block}.panel .paxis{height:16px;width:100%;display:block}.panel .pwf{flex:1;width:100%;display:block;min-height:0}#specLine{height:196px;width:100%;display:block}#freqAxis,#freqAxis2{height:22px;width:100%;display:block}#stagecol.bandplan #freqAxis,#stagecol.bandplan #freqAxis2{height:36px}#waterfall{flex:1;width:100%;display:block;min-height:0}#hint{position:absolute;top:12px;left:50%;transform:translate(-50%);color:#9aa7b8;background:#10151dcc;border:1px solid #2a3342;border-radius:6px;padding:4px 12px;pointer-events:none;transition:opacity .5s}#hint.hidden{opacity:0}#curLine{position:absolute;top:0;bottom:0;width:0;border-left:1px dashed rgba(141,180,232,.55);pointer-events:none;z-index:3}#curTip{position:absolute;pointer-events:none;z-index:3;background:#10151de6;border:1px solid #2a3342;border-radius:6px;padding:3px 9px;font:11px/1.5 ui-monospace,monospace;color:#c9d2df;white-space:pre-line;text-align:right}#curLine[hidden],#curTip[hidden]{display:none}#rail{display:flex;flex-direction:column;gap:12px;width:128px;padding-top:4px}.rail-title{font-size:10px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--text-dim)}#rail label{display:flex;flex-direction:column;gap:4px;font-size:10px;color:var(--text-dim);letter-spacing:.08em}#rail label .row{display:flex;align-items:center;gap:5px}#rail label b{color:var(--accent);font-family:ui-monospace,monospace}#rail input[type=number]{width:58px;background:transparent;color:var(--text);border:1px solid var(--edge);border-radius:6px;padding:3px 6px;font:12px ui-monospace,monospace}#rail select{background:var(--panel);color:var(--text);border:1px solid var(--edge);border-radius:6px;padding:3px 6px;font:12px system-ui,sans-serif;width:100%}#rail input[type=range]{width:100%;accent-color:var(--accent)}.pill.small{padding:4px 10px;font-size:11px}#statusbar{display:flex;gap:22px;align-items:center;padding:7px 16px;background:var(--panel);border-top:1px solid var(--edge);color:var(--text-dim);font-family:ui-monospace,monospace;font-size:12px}#statusbar b{color:var(--accent-2);font-weight:500}#connState.ok{color:var(--accent-2)}#connState.bad{color:#e0616f}#devName{margin-left:auto}#clock{white-space:nowrap;color:var(--text)}#clock[hidden]{display:none}#tuneCtl{display:flex;align-items:center;gap:8px}#tuneCtl[hidden],#tuneCtl [hidden]{display:none}#tuneCtl input{width:110px;background:transparent;color:var(--text);border:1px solid var(--edge);border-radius:6px;padding:3px 8px;font:12px ui-monospace,monospace}#tuneCtl #centerWrap{display:flex;align-items:center;gap:6px}#tuneCtl #centerWrap[hidden]{display:none}#hwControls{display:flex;align-items:center;gap:10px}#hwControls[hidden]{display:none}#hwControls .hw-ctl{display:flex;align-items:center;gap:4px}#hwControls input{width:64px}#hwControls input:disabled{opacity:.4}#tuneCtl #centerMHz{width:90px}#lockBtn.unlocked{color:var(--accent-2);border-color:var(--accent-2)}#tunePw.bad{border-color:#e0616f}#helpOverlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:50;background:#05070ad0;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);display:flex;align-items:center;justify-content:center;padding:24px}#helpOverlay[hidden]{display:none}#helpCard{background:var(--panel);color:var(--text);border:1px solid var(--glass-edge);border-radius:12px;padding:20px 24px;max-width:900px;width:100%;max-height:100%;overflow-y:auto;box-shadow:0 18px 50px #0009}#helpCard header{display:flex;align-items:center;gap:16px}#helpCard h2{margin:0;flex:1;font-size:17px;letter-spacing:.04em}#helpCard h3{margin:0 0 6px;font-size:11px;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:var(--accent)}.help-intro{color:var(--text-dim);margin:10px 0 18px;max-width:70ch}.help-source{margin:12px 0 0;padding:9px 13px;max-width:70ch;border-left:2px solid var(--accent);border-radius:0 6px 6px 0;background:color-mix(in srgb,var(--accent) 10%,transparent);color:var(--text)}#srcNote{color:var(--text-dim)}#srcNote[hidden]{display:none}.help-cols{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:20px 32px}#helpCard dl{margin:0}#helpCard dt{font-weight:600;margin-top:8px}#helpCard dd{margin:1px 0 0;color:var(--text-dim)}#helpCard b{color:var(--text)}.help-foot{color:var(--text-dim);margin:20px 0 0;font-size:12px}#helpCard kbd{border:1px solid var(--edge);border-radius:4px;padding:0 5px;font:inherit;font-size:11px}@media(max-width:1024px){#topbar{flex-wrap:wrap;gap:8px 10px;padding:8px 10px;justify-content:space-between}#topbar{gap:6px 10px;padding:6px 10px}.brand{font-size:11px;order:1;flex:1}#helpBtn{order:2;padding:4px 11px}#themeBtn{order:3;padding:4px 11px}#dials{order:4;flex:1 1 100%;align-items:center}#vfoRow{justify-content:center}.vfo{font-size:30px;min-width:0;letter-spacing:-.01em}.vfo .unit{font-size:11px}#stepper button{min-width:38px;height:38px;font-size:14px}#stepper button#stepSize{min-width:66px;font-size:12px}#centerDial{font-size:13px}.mode-group{order:5;flex:1 1 100%}.mode-group button{flex:1;padding:7px 4px;font-size:12px}.spacer{display:none}#powerBtn{order:6;flex:1;margin-left:0}#topbar>.bits-label{order:8}#volWrap{order:9;flex:1 1 100%}#volWrap input[type=range]{flex:1;width:auto}#agcbar{flex-wrap:wrap;gap:6px 14px;padding:6px 10px}#agcbar input[type=range]{width:110px}#smeterWrap{margin-left:0;flex:1 1 100%;flex-wrap:wrap;gap:4px}#smeter{flex:1 1 100%;width:auto}#smeterText{flex:1 1 100%;min-width:0;text-align:left}#stage{flex-direction:column;padding:8px;gap:8px;flex:none}#maincol{flex:none}#glass{flex:none;min-height:46vh}@supports (height: 100svh){#glass{min-height:44svh}}#stage{padding-left:max(8px,env(safe-area-inset-left));padding-right:max(8px,env(safe-area-inset-right))}#rail{width:auto;display:grid;gap:10px 14px;grid-template-columns:repeat(auto-fit,minmax(104px,1fr));align-items:end}.rail-title{grid-column:1 / -1;order:-3}#rail label:has(#zoom){order:-2;grid-column:1 / -1}#rail label:has(#zoom) input[type=range]{width:100%}#zoomReset{order:-1}#rail .pill.small{width:100%}#subpanels{flex-direction:column;height:auto}.panel{height:150px}#statusbar{flex-wrap:wrap;gap:4px 14px;font-size:11px;padding:6px 10px calc(env(safe-area-inset-bottom,0px) + 76px)}}@media(max-width:480px){.vfo{font-size:27px}#glass{min-height:0;height:42vh}@supports (height: 100svh){#glass{height:42svh}}#subpanels .panel:nth-of-type(2){display:none}#subpanels .panel{flex:none;height:116px}#subpanels .panel .pline{height:44px}#agcbar label:has(#agcDecay),#agcbar label:has(#agcHang){display:none}#agcbar label:has(#agcThresh){display:none}#agcbar .agc-title{display:none}#topbar>.bits-label:has(#bits){display:none}#volWrap{flex:1 1 auto;min-width:150px}#specLine,#dbScale{height:104px}}