.meter-page{--meter-accent:#087d70;--meter-ink:#132238;--meter-muted:#607087;--meter-line:#d9e2ec;color:var(--meter-ink)}.meter-heading{margin-bottom:2rem}.meter-eyebrow,.meter-step{color:var(--meter-accent);font-size:.9rem;font-weight:800}.meter-heading h1{margin:.35rem 0 .8rem;font-size:clamp(2rem,4vw,3.2rem);letter-spacing:0}.meter-heading>p:last-child{max-width:52rem;color:var(--meter-muted);font-size:1.08rem;line-height:1.8}
.meter-tool{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(260px,.75fr);gap:1rem;align-items:start}.meter-panel,.meter-reading,.meter-guide{border:1px solid var(--meter-line);border-radius:8px;background:#fff}.meter-panel{padding:1.4rem}.meter-panel-head{display:flex;justify-content:space-between;gap:1rem;align-items:start}.meter-panel h2,.meter-guide h2{margin:.25rem 0 .5rem;font-size:1.5rem;letter-spacing:0}.meter-panel-head>div>p:last-child{margin:0;color:var(--meter-muted);line-height:1.6}.meter-live{display:flex;align-items:baseline;gap:.3rem;color:var(--meter-accent)}.meter-live strong{font-size:2.35rem}.meter-live span{font-weight:800}
.meter-gauge{height:14px;margin:1.3rem 0 .45rem;border-radius:999px;background:linear-gradient(90deg,#d8efea 0 25%,#aad4c8 25% 42%,#f1d47a 42% 60%,#e99a5c 60% 75%,#dc6b68 75% 100%);overflow:hidden}.meter-gauge-fill{display:block;width:0;height:100%;border-right:4px solid #132238;transition:width .12s}.meter-gauge-labels{display:flex;justify-content:space-between;color:var(--meter-muted);font-size:.75rem}.meter-chart-wrap{margin-top:1.2rem;overflow:hidden;border:1px solid var(--meter-line);border-radius:7px}#noise-chart{display:block;max-width:100%}
.meter-settings{display:grid;grid-template-columns:1fr 1fr;gap:.8rem;margin-top:1rem}.meter-setting{display:block}.meter-setting span{display:flex;justify-content:space-between;margin-bottom:.5rem;font-weight:800}.meter-setting input{width:100%;accent-color:var(--meter-accent)}.meter-setting small{display:block;color:var(--meter-muted);line-height:1.5}.meter-actions{display:flex;gap:.6rem;margin-top:1rem}.meter-actions button{min-height:3.15rem;padding:0 1rem;border:0;border-radius:7px;background:var(--meter-accent);color:#fff;font-weight:800;cursor:pointer}.meter-actions button.secondary{background:#edf2f7;color:#24364c}.meter-actions button:disabled{opacity:.5;cursor:not-allowed}.meter-status{margin:1rem 0 0;padding:.8rem .9rem;border-radius:7px;background:#f2f6f8;color:var(--meter-muted);line-height:1.55}.meter-status.is-success{background:#eaf7f3;color:#08675d}.meter-status.is-error{background:#fff0ef;color:#a33a32}.meter-status.is-working{background:#eef5ff;color:#315f94}
.meter-reading{padding:1.4rem;background:#f7fafc;position:sticky;top:1rem}.meter-reading>span{color:var(--meter-muted);font-size:.85rem}.meter-reading>strong{display:block;margin:.25rem 0 .5rem;font-size:1.8rem}.meter-reading>p{color:var(--meter-muted);line-height:1.6}.meter-reading-grid{display:grid;grid-template-columns:1fr 1fr;gap:.65rem;margin-top:1rem}.meter-reading-grid div{padding:.85rem;border:1px solid var(--meter-line);border-radius:7px;background:#fff}.meter-reading-grid span{display:block;color:var(--meter-muted);font-size:.8rem}.meter-reading-grid strong{display:block;margin-top:.25rem}.meter-caution{margin-top:1rem;padding:.85rem;border-radius:7px;background:#fff6df;color:#74550f;font-size:.86rem;line-height:1.6}
.meter-guide{margin-top:1.25rem;padding:1.6rem}.meter-guide>header>p:last-child{color:var(--meter-muted);line-height:1.75}.meter-level-table{margin-top:1.1rem;overflow-x:auto}.meter-level-table table{width:100%;border-collapse:collapse}.meter-level-table th,.meter-level-table td{padding:.85rem;border-bottom:1px solid var(--meter-line);text-align:left}.meter-level-table th{background:#f2f6f8}.meter-level-table td:first-child{white-space:nowrap;font-weight:800;color:var(--meter-accent)}.meter-guide-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;margin-top:1.4rem}.meter-guide-grid section{padding-top:1rem;border-top:3px solid #cfe6e1}.meter-guide-grid h3{margin:0 0 .55rem;font-size:1.08rem;letter-spacing:0}.meter-guide-grid p,.meter-guide-grid li{color:var(--meter-muted);line-height:1.75}.meter-guide-grid ul{margin:.35rem 0;padding-left:1.2rem}.meter-note{margin-top:1.2rem;padding:1rem;border-radius:7px;background:#f7fafc;color:var(--meter-muted);line-height:1.65}
@media(max-width:900px){.meter-tool{grid-template-columns:1fr}.meter-reading{position:static}.meter-guide-grid{grid-template-columns:1fr}}@media(max-width:560px){.meter-panel,.meter-reading,.meter-guide{padding:1rem}.meter-panel-head{display:block}.meter-live{margin-top:.8rem}.meter-settings{grid-template-columns:1fr}.meter-actions{display:grid;grid-template-columns:1fr 1fr}.meter-actions button:first-child{grid-column:1/-1}.meter-heading h1{font-size:2rem}.meter-level-table{font-size:.86rem}}