.noise-stage{color:#1f3328;background:linear-gradient(#fbf8ef,#efe9d8);border:3px solid #5d7a63;border-radius:18px 18px 10px 10px;justify-items:center;gap:8px;width:min(100%,560px);padding:18px 18px 14px;transition:background-color .3s,border-color .3s;display:grid;box-shadow:inset 0 0 0 6px #f6f1e3,0 10px 24px #1f33282e}.noise-stage:fullscreen{border:0;border-radius:0;align-content:center;width:100%;max-width:none}.noise-stage:fullscreen .noise-gauge{width:min(90vw,120vh)}.noise-stage[data-loud=true]{color:#fff;background:linear-gradient(#e2483b,#b8291f);border-color:#a3261d;box-shadow:inset 0 0 0 6px #ffffff2e,0 10px 30px #a3261d73}.noise-gauge{width:100%;min-height:140px;max-height:calc(100svh - 520px);overflow:visible}.noise-zone{fill:none;stroke-width:18px}.noise-zone[data-zone=calm]{stroke:#5aa070}.noise-zone[data-zone=near]{stroke:#e3b23c}.noise-zone[data-zone=loud]{stroke:#d2493c}.noise-limit-mark{stroke:currentColor;stroke-linecap:round;stroke-width:4px}.noise-needle{stroke:currentColor;stroke-linecap:round;stroke-width:5px;transition:x2 .1s linear,y2 .1s linear}.noise-hub{fill:currentColor}.noise-stage[data-listening=false] .noise-needle{opacity:.35}.noise-verdict{text-align:center;margin:0;font-size:clamp(1.5rem,4vw,2.4rem);font-weight:800;line-height:1.1}.noise-stage:fullscreen .noise-verdict{font-size:clamp(2.5rem,8vw,6rem)}.noise-readout{font-variant-numeric:tabular-nums;opacity:.8;flex-wrap:wrap;justify-content:center;gap:6px 18px;margin:0;display:flex}@media (prefers-reduced-motion:reduce){.noise-stage,.noise-needle{transition:none}}@media (max-width:960px){.noise-gauge{max-height:none}}.table-page[data-product=noise-meter] .noise-calm-time{font-variant-numeric:tabular-nums;white-space:nowrap;font-size:clamp(1.5rem,3vw,2.4rem)}.noise-stage[data-loud=true] .noise-zone[data-zone=loud]{stroke:#ffd9d3}
