html.onboardingOpen{overflow:hidden}
#fq #onboardingDialog{position:fixed;inset:0;width:min(94vw,620px);max-height:calc(100vh - 24px);max-height:calc(100dvh - 24px);margin:auto;overflow:auto;overscroll-behavior:contain;border:1px solid var(--accent,#e5be63);border-radius:24px;padding:20px;background:linear-gradient(135deg,#1b2435,#0c1119 65%);color:#f5f6f8;box-shadow:0 16px 65px #0009}
#fq #onboardingDialog::backdrop{background:#03050bdb}
#fq .onboardingTop{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:18px;font-size:12px;color:#adb9cd}
#fq #skipOnboarding{min-height:44px;padding:8px 14px;font-size:13px;background:#141a24;color:#e4e8ee;border-color:#465061;border-radius:22px}
#fq .onboardingCard{padding:18px;border:1px solid #394253;border-radius:18px;background:linear-gradient(135deg,#202a3d,#10151e 65%)}
#fq .onboardingKicker{margin:0 0 12px;font-size:12px;letter-spacing:.12em;font-weight:800;color:#aeb9ff}
#fq #onboardingTitle{font-size:clamp(25px,5vw,34px);line-height:1.15;margin:0 0 18px;outline:none}
#fq #onboardingCopy{line-height:1.55;font-size:16px;margin:18px 0 10px}
#fq #onboardingTip{font-size:13px;line-height:1.6;color:#b7c0d0;margin-bottom:0}
#fq #onboardingStatus:empty,#fq #onboardingSaveStatus:empty{display:none}
#fq .onboardingVisual{border:1px solid #414958;border-radius:14px;padding:14px;background:#0b1118;overflow:hidden}
#fq .onboardingVisual0 .tunerFace{margin:0;min-height:240px}
#fq .onboardingVisual0 .tunerSpectrum{grid-column:1/-1;width:100%;height:70px}
#fq .onboardingVisual0 .tunerInputMeter{height:125px}
#fq .tourSpectrumBars{display:grid;grid-template-columns:repeat(24,minmax(0,1fr));gap:2px;height:44px}
#fq .tourSpectrumBars>span{display:flex;flex-direction:column-reverse;gap:2px}
#fq .tourSpectrumBars i{flex:1;border-radius:1px;background:#22302c}
#fq .tourSpectrumBars i.lit[data-band=green]{background:#63e99c}
#fq .tourSpectrumBars i.lit[data-band=amber]{background:#edc866}
#fq .tourSpectrumBars i.lit[data-band=red]{background:#ff737d}
#fq .tourSpectrumBars i.held{background:#e5f5df}
#fq .onboardingVisual1{padding:12px}
#fq .onboardingVisual1>p{text-align:center;font-size:11px;margin:12px 0 0;color:#aeb9c5}
#fq .onboardingVisual2{padding:10px 4px}
#fq .onboardingVisual2 .ampHead{margin:0!important;pointer-events:none}
#fq .onboardingVisual2 [disabled]{opacity:1}
#fq .tourPlans{display:grid;grid-template-columns:1fr 1fr;gap:12px}
#fq .tourPlan{padding:14px 12px;border:1px solid #414b5f;border-radius:12px;background:#151c29}
#fq .tourPlan:last-child{border-color:var(--accent);background:linear-gradient(140deg,#25314a,#131b29)}
#fq .tourPlan strong{font-size:20px;display:block;color:#f4d57b}
#fq .tourPlan>span{display:block;font-size:11px;color:#b7c0d0;margin-top:6px;line-height:1.4}
#fq .tourPlan ul{padding-left:16px;margin-bottom:0;font-size:12px;line-height:1.5}
#fq .tourPlan li+li{margin-top:7px}
#fq .onboardingDots{display:flex;justify-content:center;gap:10px;margin:20px 0}
#fq .onboardingDots span{width:9px;height:9px;border-radius:50%;background:#465164}
#fq .onboardingDots span[aria-current=step]{background:#a6b1ff;box-shadow:0 0 6px #8c9cfd66}
#fq .onboardingActions{display:flex;flex-wrap:wrap;gap:10px}
#fq .onboardingActions button{flex:1;min-width:115px;background:#151c29;color:#f5f6f8;border-color:#414b5e;min-height:48px}
#fq #onboardingNext{border-color:#8f9bfc;background:#283354}
#fq #onboardingBack:disabled{opacity:.45}
#fq #onboardingExplore:not([hidden]){flex-basis:100%;border-color:#d7b864;background:linear-gradient(#d3a84a,#9a6a23);color:#121820}
#fq .onboardingActions [hidden]{display:none}
#fq .tourNotice{padding:10px 14px;border:1px solid #495575;border-radius:12px;color:inherit}
#fq #replayOnboarding{width:100%;color:inherit}
@media(max-width:440px){#fq #onboardingDialog{padding:14px;border-radius:20px}#fq .onboardingCard{padding:14px}#fq .onboardingVisual{padding:10px}#fq .tourPlans{gap:8px}#fq .tourPlan{padding:12px 9px}#fq .tourPlan strong{font-size:17px}#fq .tourPlan ul{font-size:11px}}
@media(prefers-reduced-motion:reduce){#fq #onboardingDialog{scroll-behavior:auto}}
/* Keep tour copy/control contrast independent of the instrument's light skin. */
#fq #onboardingDialog[open]{display:flex;flex-direction:column;overflow:hidden}
#fq #onboardingDialog .onboardingTop,#fq #onboardingDialog .onboardingActions,#fq #onboardingDialog .onboardingDots{flex-shrink:0}
#fq #onboardingDialog .onboardingCard{min-height:0;overflow:auto;overscroll-behavior:contain}
#fq #onboardingDialog .onboardingCard .small,#fq #onboardingDialog #onboardingSaveStatus{color:#b7c0d0!important}
#fq #onboardingDialog .onboardingActions button,#fq #onboardingDialog #skipOnboarding{color:#f5f6f8!important}
#fq #onboardingDialog #onboardingExplore{color:#121820!important}
#fq #onboardingDialog #onboardingBack{background:#151c29!important}
#fq #onboardingDialog .tunerSpectrum{background:transparent!important;border:0!important;box-shadow:none!important}