.sb-stage{--bars:0;border:1px solid var(--gh-line-gold);box-shadow:var(--gh-shadow);isolation:isolate;border-radius:24px;position:relative;overflow:hidden}.sb-radio{width:100%;height:auto;display:block}.sb-stage.is-listening .sb-radio{animation:.12s steps(2,end) infinite sb-hum}@keyframes sb-hum{50%{filter:brightness(1.06)contrast(1.05)}}.sb-sound{z-index:3;border:1px solid var(--gh-line-gold);cursor:pointer;background:#060a15b3;border-radius:50%;width:36px;height:36px;position:absolute;top:12px;right:12px}.sb-dial{background:linear-gradient(#ffecbe2e,#0000 40%),radial-gradient(at 50% 60%,#ffc35a 0%,#f39a1d 55%,#b45f0c 100%);border-radius:6px;width:30.1%;height:10.6%;position:absolute;top:31.9%;left:35.4%;overflow:hidden;box-shadow:inset 0 0 12px #501e0099,0 0 24px #ffaa3c59}.sb-dial__scale{height:40%;position:absolute;inset:8% 5% auto}.sb-dial__scale span{color:#3c1600d9;font-family:Georgia,Times New Roman,serif;font-size:clamp(.45rem,1.15vw,.78rem);font-weight:700;position:absolute;translate:-50%}.sb-dial__ticks{background:repeating-linear-gradient(90deg,#3c1600bf 0 1px,#0000 1px 2.5%);height:32%;position:absolute;bottom:18%;left:5%;right:5%;-webkit-mask-image:linear-gradient(#000 55%,#0000 56%),linear-gradient(90deg,#000,#000)}.sb-mark,.sb-target,.sb-needle{width:2px;position:absolute;top:0;bottom:0;translate:-50%}.sb-mark{background:#3c1600b3;border-radius:2px;width:4px;height:22%;top:auto;bottom:4%}.sb-mark.is-2,.sb-mark.is-3{background:#a3e635}.sb-mark.is-4,.sb-mark.is-5{background:#4ade80;box-shadow:0 0 6px #4ade80}.sb-mark.is-6{background:#fff;box-shadow:0 0 8px #fff}.sb-target{background:#fff7e0;width:4px;box-shadow:0 0 10px #fff}.sb-needle{background:#b91c1c;width:3px;transition:left .15s ease-out;box-shadow:0 0 6px #b91c1ccc}.sb-meter{background:#050a06b8;border:1px solid #4ade8040;border-radius:8px;justify-content:space-between;align-items:flex-end;gap:6%;width:16%;height:10%;padding:1.2% 2%;display:flex;position:absolute;top:56%;left:44%}.sb-meter span{background:#4ade801f;border-radius:2px;flex:1}.sb-meter span:first-child{height:25%}.sb-meter span:nth-child(2){height:42%}.sb-meter span:nth-child(3){height:60%}.sb-meter span:nth-child(4){height:80%}.sb-meter span:nth-child(5){height:100%}.sb-meter span.is-on{background:#4ade80;box-shadow:0 0 8px #4ade80}.sb-stage.is-listening .sb-meter span{animation:.3s ease-in-out infinite alternate sb-scan}@keyframes sb-scan{0%{opacity:.3}to{opacity:1}}.sb-voice{z-index:2;max-width:90%;color:var(--gh-spectral-soft);font-family:var(--gh-font-display);text-align:center;text-shadow:0 0 12px #9cbff0b3;background:#060a15d1;border:1px solid #9cbff073;border-radius:12px;margin:0;padding:10px 18px;font-size:clamp(1rem,2.4vw,1.4rem);animation:2.4s ease-out sb-voice;position:absolute;bottom:8%;left:50%;translate:-50%}.sb-stage.is-rare .sb-voice{border-color:var(--gh-gold);color:var(--gh-gold-light);text-shadow:0 0 14px #f2dca6cc}@keyframes sb-voice{0%{opacity:0;filter:blur(6px);letter-spacing:.3em}40%{opacity:1;filter:blur()}to{letter-spacing:.02em}}.sb-controls{background:var(--gh-panel);border:1px solid var(--gh-line);border-radius:20px;justify-items:center;gap:12px;margin-top:18px;padding:20px;display:grid}.sb-readout{color:#ffc35a;text-shadow:0 0 8px #ffaa3cb3;background:#140a02;border:1px solid #ffaa3c4d;border-radius:12px;align-items:baseline;gap:8px;padding:6px 18px;font-family:ui-monospace,Cascadia Mono,Consolas,monospace;display:inline-flex}.sb-readout__freq{font-size:2rem;font-weight:700}.sb-slider{accent-color:#f39a1d;width:min(100%,560px)}.sb-nudges{flex-wrap:wrap;justify-content:center;gap:8px;display:flex}.sb-nudges .dg-button{min-width:64px;padding:8px 12px}.sb-signal{color:var(--gh-silver);margin:0;font-style:italic}.sb-trend{border-radius:999px;margin:0;padding:8px 16px;font-size:1.05rem;font-weight:700;animation:.5s ease-out sb-trend}.sb-trend.is-closer{color:#fdba74;background:#ea580c2e;border:1px solid #fb923c80;box-shadow:0 0 18px #fb923c40}.sb-trend.is-farther{color:#bae6fd;background:#0e749033;border:1px solid #7dd3fc73;box-shadow:0 0 18px #7dd3fc33}.sb-trend.is-same{color:var(--gh-silver);border:1px solid var(--gh-line);background:#152038cc}@keyframes sb-trend{0%{opacity:0;transform:scale(.85)}to{opacity:1;transform:scale(1)}}.sb-history__trend{font-size:.85rem;line-height:1}.sb-history{flex-wrap:wrap;justify-content:center;gap:6px;margin:0;padding:0;list-style:none;display:flex}.sb-history li{border:1px solid var(--gh-line);background:#152038cc;border-radius:10px;justify-items:center;padding:4px 10px;font-size:.8rem;display:grid}.sb-history__bars{color:#4ade80;letter-spacing:1px}@media (prefers-reduced-motion:reduce){.sb-stage.is-listening .sb-radio,.sb-stage.is-listening .sb-meter span,.sb-voice{animation:none}}
