:root{color-scheme:dark;--ink:#dcfff4;--muted:#c2c2d5;--navy:#dcfff4;--accent:#feda5c;--line:#51515f;--paper:#292933;--tint:#3d3d49;--danger:#ffaca5;--series-current:#dcfff4;--series-before:#c4b5dc;--series-after:#feda5c;font-family:ui-sans-serif,system-ui,-apple-system,"Segoe UI","Yu Gothic UI",Meiryo,sans-serif;background:var(--paper);color:var(--ink)}
body{font-size:14px;line-height:1.6}::selection{background:#feda5c;color:#292933}:focus-visible{outline:2px solid #feda5c;outline-offset:4px}*{scrollbar-color:#878797 #292933}button,input,select,textarea{min-width:0}a{color:var(--ink);text-underline-offset:4px}.site-header{min-height:72px;padding:13px max(24px,calc((100vw - 1232px)/2));background:transparent;border-bottom:1px solid var(--line);gap:18px}.brand{font-size:15px;gap:12px;align-items:center}.brand img{width:40px;height:40px;border-radius:10px}.brand span{font-size:15px;color:var(--ink);font-weight:650}.header-links{display:flex;align-items:center;gap:24px;font-size:12px}.header-links>a{color:var(--accent);text-decoration:none}.header-links>a:hover{text-decoration:underline}.privacy{color:var(--muted);font-size:11px}main{width:min(1184px,calc(100% - 48px))}.intro{padding:22px 0 14px;gap:20px;align-items:baseline}h1{font-size:25px;letter-spacing:-.02em;color:#e8e8f2;font-weight:650}.intro p{font-size:12px;color:var(--muted)}.tabs{gap:30px;margin-bottom:20px;border-color:var(--line)}.tab{color:var(--muted);font-size:13px;min-height:43px;padding-bottom:12px}.tab.active,.tab:hover{color:var(--accent)}.tab.active:after{height:2px}.tab b{font-size:11px}h2{font-size:15px;color:var(--ink)}
#measure-panel{grid-template-columns:minmax(300px,.88fr) minmax(0,1.12fr);grid-template-areas:"meter spectrum" "setup setup";gap:24px 28px;align-items:stretch}.card{background:transparent;border-radius:0}.meter{padding:19px 22px 16px;border:1px solid var(--line);border-radius:12px;column-gap:18px;grid-template-columns:minmax(0,1fr) minmax(135px,.95fr)}.meter>.card-heading{padding-bottom:12px;margin-bottom:16px}.state{font-size:11px;color:var(--muted)}.state.running{color:var(--accent)}.readout{min-height:74px;gap:8px}.readout>span:first-child{font-size:65px;font-weight:450;letter-spacing:-.03em;color:var(--ink)}.readout>span:last-child{font-size:12px;color:var(--muted)}.meter-caption{font-size:11px;line-height:1.7;margin:5px 0 14px;max-width:23ch}.stats{padding-left:17px;gap:10px}.stats span,.stats small{font-size:11px;color:var(--muted)}.stats strong{font-size:22px;color:var(--ink)}.level-track{height:4px;background:#484853}.level-track>div{background:var(--accent)}.scale{font-size:11px;color:var(--muted);margin-top:5px}.timer-line{margin-top:12px;font-size:11px}#elapsed{font-size:15px;color:var(--ink)}progress{height:3px;margin:5px 0 12px}.button{min-height:44px;border-radius:6px;font-size:13px;padding:10px 15px}.button.primary{background:var(--accent);color:#292933}.button.primary:hover:not(:disabled){background:#ffe68c}.button.primary:active:not(:disabled){background:#e6be3e}.button.secondary{background:transparent;border-color:#7f7f8f;color:var(--ink)}.button.secondary:hover:not(:disabled){background:#3d3d49}.button.stop{background:#ffaca5;color:#292933}.button.stop:hover{background:#ffc3be}.text-button{color:var(--accent);font-size:12px}.text-button:hover{color:#fff0bb}.calibration-strip{margin-top:12px;padding-top:7px;color:var(--accent);font-size:11px}.cal-dot{background:var(--accent)}.cal-dot.ready{background:var(--ink)}.subtle{color:var(--muted)}#result-state{font-size:11px;margin:8px 0 0}
.spectrum{padding:19px 0 0;display:flex;flex-direction:column;justify-content:space-between}.spectrum>.card-heading{gap:12px;align-items:baseline;flex-wrap:wrap}.chart-key{font-size:11px;color:var(--muted)}.chart-wrap{margin:16px 0;flex:1;display:flex;align-items:center}.chart-wrap svg{max-width:100%}.chart-grid{stroke:#51515f}.chart-label{fill:#c2c2d5;font-size:17px}.chart-value{fill:#dcfff4;font-size:17px}.spectrum-footer{border-color:var(--line);padding:12px 0 0;color:var(--muted);font-size:11px}.chart-key i{height:8px;width:8px}.setup{padding:20px 0 0;border-top:1px solid var(--line);background:transparent;align-self:stretch}.setup .card-heading{padding-bottom:0;margin-bottom:12px;border:0}.step-tag{font-size:11px;color:var(--muted)}#setup-form{display:grid;grid-template-columns:1fr 1.1fr 1fr;gap:12px 20px}.field{min-width:0}.field-title{grid-column:1;grid-row:1}#setup-form>.form-row{grid-column:2;grid-row:1}.field-mic{grid-column:3;grid-row:1}.field-conditions{grid-column:1/3;grid-row:2}.field-note{grid-column:3;grid-row:2}label{font-size:12px;margin:0 0 6px;font-weight:550}label span{font-size:11px;color:var(--muted)}input,select,textarea{background:#32323e;border:1px solid #737382;border-radius:5px;color:var(--ink);padding:9px 10px;min-height:42px;font-size:13px;caret-color:var(--accent)}textarea{height:72px}input::placeholder,textarea::placeholder{color:#b5b5c8;opacity:1;font-size:12px}input:disabled,select:disabled,textarea:disabled{background:#3d3d49;color:#b4b4c5;border-color:#626271}.form-row{gap:12px}.input-status{font-size:11px;margin-top:10px}.dot{background:var(--ink)}.tip{border-color:var(--line);margin-top:12px;padding-top:11px;color:var(--muted);font-size:12px;line-height:1.8}.tip b{color:var(--ink)}
.notice{background:#3d392d;border-color:#8c7943;color:#fff0bd}.notice.error{background:#462e33;border-color:#a9686c;color:#ffc3be}.notice.good{background:#2d443f;border-color:#6c9b8d;color:#dcfff4}.method{margin-top:25px;border-color:var(--line)}.method summary{font-size:12px;padding:16px 0}.method-content{color:var(--muted)}footer{color:var(--muted);padding:20px 0;font-size:11px}.section-heading{padding-top:6px}.section-heading h2,.compare-setup h2{font-size:19px}.compare-setup{padding:20px 0;border-bottom:1px solid var(--line);margin-bottom:20px}.compare-setup label{margin-bottom:6px}.comparison-summary{padding:20px 0;border-bottom:1px solid var(--line);margin-bottom:12px}.comparison-summary strong{color:var(--accent)}.comparison-summary p{color:var(--muted)}.empty{padding:45px 20px;border:1px solid var(--line);border-radius:12px}.empty p{color:var(--muted)}.legend{color:var(--muted);font-size:12px;gap:16px}.history-item{padding:20px 0;border-color:var(--line)}.pill{color:var(--muted)}th,td{border-color:var(--line);padding:10px 8px}th{color:var(--muted)}.positive{color:#dcfff4}.negative{color:#ffaca5}dialog{background:#32323e;color:var(--ink);border:1px solid #737382;border-radius:12px;box-shadow:0 18px 60px #0006;padding:26px}dialog::backdrop{background:#17171ecc}dialog>p{color:var(--muted)}dialog .tip{background:#3d3d49;color:var(--muted);border-radius:6px}dialog label{margin-top:15px}.dialog-close{color:var(--muted)}#calibration-feedback{color:#ffaca5}#calibration-feedback.success{color:var(--ink)}
@media(max-width:1000px) and (min-width:701px){#measure-panel{grid-template-columns:minmax(280px,1fr) minmax(0,1fr);gap:22px}.meter{padding:17px}.readout>span:first-child{font-size:55px}.stats{padding-left:12px}.meter{column-gap:12px;grid-template-columns:minmax(0,1fr) minmax(125px,.95fr)}.chart-label,.chart-value{font-size:20px}}
@media(max-width:700px){.site-header{min-height:61px;padding:10px 16px;gap:10px}.brand{gap:9px}.brand img{width:34px;height:34px;border-radius:8px}.brand span{display:inline;font-size:13px}.header-links{gap:0;font-size:11px}.privacy{display:none}main{width:calc(100% - 32px)}.intro{padding:17px 0 11px;display:block}h1{font-size:22px;line-height:1.35}.intro p{font-size:11px;line-height:1.6;margin:5px 0 0}.tabs{gap:24px;margin-bottom:15px}.tab{font-size:12px;min-height:41px;padding-top:7px;padding-bottom:10px}.tab b{margin-left:4px}#measure-panel{grid-template-columns:1fr;grid-template-areas:"meter" "spectrum" "setup";gap:20px}.meter{padding:15px 16px 12px;grid-template-columns:minmax(0,1fr) minmax(132px,1fr);column-gap:14px}.meter>.card-heading{padding-bottom:10px;margin-bottom:12px}.meter h2{font-size:14px}.readout{grid-column:1;grid-row:2;min-height:61px;flex-wrap:nowrap;gap:6px}.readout>span:first-child{font-size:52px}.readout>span:last-child{font-size:11px}.meter-caption{grid-column:1;grid-row:3;margin:3px 0 12px;font-size:11px}.stats{grid-column:2;grid-row:2/4;display:flex;flex-direction:column;border-top:0;border-left:1px solid var(--line);padding:0 0 0 12px;gap:8px}.stats>div{display:flex;flex:initial;flex-direction:row;align-items:center;justify-content:space-between;gap:7px}.stats>div>span{min-height:0;font-size:11px}.stats small{display:block;margin-left:0}.stats strong{font-size:19px;display:block;margin:0}.level-track{grid-row:auto}.scale{grid-row:auto}.timer-line{margin-top:9px}.calibration-strip{margin-top:10px;padding-top:5px}.spectrum{padding:0}.spectrum>.card-heading{flex-direction:row;align-items:baseline;gap:6px}.spectrum h2{font-size:14px}.chart-key{font-size:11px;gap:5px}.chart-wrap{margin:13px 0}.chart-label,.chart-value{font-size:26px}.spectrum-footer{padding-top:8px;gap:6px;line-height:1.6}.spectrum-footer>span:nth-child(2){max-width:45%;text-align:center}.setup{padding-top:17px}.setup .card-heading{margin-bottom:15px}#setup-form{grid-template-columns:1fr;gap:14px}.field-title,#setup-form>.form-row,.field-mic,.field-conditions,.field-note{grid-column:1;grid-row:auto}input,select,textarea{font-size:16px}.field-mic{grid-row:5}.field-conditions textarea{height:84px}.input-status{margin-top:13px}.tip{font-size:12px}.compare-setup{grid-template-columns:1fr;padding:6px 0 20px}.compare-setup .form-row{margin-top:14px}.comparison-summary{padding:15px 0}.section-heading{padding-top:3px}.history-item{padding:18px 0}.history-actions{gap:16px}.empty{padding:30px 16px}.empty h2{font-size:17px}.method{margin-top:21px}dialog{padding:21px}dialog h2{font-size:19px}footer{padding:16px 0}}
@media(max-width:360px){main{width:calc(100% - 24px)}.site-header{padding:10px 12px}.brand span{font-size:12px}.header-links{font-size:11px}.tabs{gap:20px}.meter{padding:13px 12px 10px;column-gap:10px;grid-template-columns:minmax(0,1fr) minmax(124px,1fr)}.readout>span:first-child{font-size:45px}.readout{gap:4px}.stats{padding-left:10px}.stats strong{font-size:18px}.meter-caption{line-height:1.6}.spectrum>.card-heading{flex-direction:column}.chart-label,.chart-value{font-size:30px}.spectrum-footer{font-size:11px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{transition:none!important}}
.readout{flex-wrap:wrap}.readout>span:first-child{font-size:56px}.readout>span:last-child{overflow-wrap:anywhere}.stats>div{min-width:0}.stats>div>span{min-width:0}
@media(max-width:1000px) and (min-width:701px){.readout>span:first-child{font-size:40px}}
@media(max-width:700px){.readout{flex-wrap:wrap;align-content:center;row-gap:0}.readout>span:first-child{font-size:clamp(32px,10vw,44px)}.readout>span:last-child{flex-basis:100%;line-height:1.3}.stats>div{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:5px}.stats strong{font-size:18px}}
.chart-label,.chart-value{font-family:ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif;font-size:11px;font-weight:400;letter-spacing:0;font-variant-numeric:tabular-nums}
.brand span{display:inline}
@media(max-width:1000px){.chart-value{transform-box:fill-box;transform-origin:center;transform:rotate(-45deg)}}

/* The normal view uses a device-relative 0-100 scale; raw measurements stay in details. */
.meter{grid-template-columns:minmax(0,1fr);row-gap:0}.meter>.card-heading{grid-column:1;grid-row:1}.meter .readout{grid-column:1;grid-row:2;flex-wrap:nowrap;gap:12px;min-height:78px}.meter .readout>span:first-child{font-size:64px}.meter .readout>span:last-child{font-size:20px;flex-basis:auto}.meter-caption{grid-column:1;grid-row:3;max-width:none;margin:8px 0 18px;font-size:12px}.level-track{grid-column:1;grid-row:4;height:8px}.scale{grid-column:1;grid-row:5}.timer-line{grid-column:1;grid-row:6}progress{grid-column:1;grid-row:7}.meter>#start,.meter>#stop{grid-column:1;grid-row:8}.meter>.result-actions{grid-column:1;grid-row:9}.meter>#result-state{grid-column:1;grid-row:10}.calibration-strip{grid-column:1;grid-row:11}.measurement-details{grid-area:spectrum;align-self:start;min-width:0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.measurement-details>summary{cursor:pointer;min-height:58px;padding:16px 4px;font-size:14px;font-weight:600;color:var(--ink)}.measurement-details>summary>span{display:block;font-size:12px;font-weight:400;color:var(--muted);margin:6px 0 0 17px}.measurement-details-content{padding:0 4px 16px}.raw-reading{display:flex;align-items:baseline;gap:10px;flex-wrap:wrap;font-size:12px;color:var(--muted)}.raw-reading strong{font-size:22px;color:var(--ink);font-weight:500;font-variant-numeric:tabular-nums}.measurement-details .stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;border:0;padding:12px 0 20px;margin:0}.measurement-details .stats>div{display:block}.measurement-details .stats>div>span{display:block;min-height:34px}.measurement-details .stats strong{display:block;margin:6px 0 0;font-size:20px}.measurement-details .spectrum{padding:0;border:0}.measurement-details-content>.subtle{font-size:12px;line-height:1.8}@media(max-width:700px){.meter .readout>span:first-child{font-size:60px}.meter .readout{min-height:65px}.meter-caption{font-size:12px}.measurement-details .stats small{display:block}.measurement-details>summary{min-height:62px}}

.comparison-summary .change-interpretation{font-size:16px;font-weight:600;color:var(--ink);margin-top:16px}.comparison-summary #delta{font-size:clamp(27px,5vw,40px);overflow-wrap:anywhere}.change-guide{padding:24px 0 30px;border-top:1px solid var(--line);border-bottom:1px solid var(--line);margin-bottom:26px}.change-guide h2{font-size:18px}.change-guide>p{font-size:12px;color:var(--muted);line-height:1.8}.change-guide table{margin:16px 0;font-size:13px}.change-guide th,.change-guide td{text-align:left;white-space:normal;padding:13px 12px;vertical-align:top}.change-guide th:first-child,.change-guide td:first-child{width:28%;min-width:100px}.change-guide .current-range{background:#3d3d49}.range-marker{display:block;color:var(--accent);font-size:11px;font-weight:600;margin-top:5px}.range-marker:empty{display:none}.guide-source{margin-top:16px;font-size:12px;color:var(--muted)}.guide-source summary{cursor:pointer;min-height:44px;padding:10px 0;color:var(--ink)}.guide-source p{max-width:75ch;line-height:1.9}.guide-source a{color:var(--accent)}@media(max-width:700px){.change-guide{padding-top:20px}.change-guide h2{font-size:16px}.change-guide th,.change-guide td{padding:12px 9px}.comparison-summary .change-interpretation{font-size:15px}}

.frequency-help{font-size:12px;color:var(--muted);line-height:1.8;margin:14px 0}.band-guide{margin:17px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:0 2px}.band-guide>summary{cursor:pointer;font-size:13px;min-height:46px;padding:12px 0;color:var(--ink)}.band-guide p{font-size:12px;line-height:1.85;color:var(--muted);max-width:75ch}.band-guide table{margin:15px 0;font-size:12px}.band-guide th,.band-guide td{text-align:left;white-space:normal;vertical-align:top;padding:12px 9px}.band-guide th:first-child{width:24%;min-width:75px}.band-guide td>strong{display:block;font-weight:500;color:var(--ink);font-size:12px}.band-guide td>span{display:block;margin-top:5px;color:var(--muted);font-size:11px;line-height:1.7}.band-hint{display:block;color:var(--muted);font-size:11px;font-weight:400;line-height:1.6;margin-top:4px;max-width:14em;white-space:normal}#comparison-table td:first-child{min-width:90px;max-width:185px}@media(max-width:440px){#comparison-table td, #compare-panel .spectrum table th{padding:10px 6px;font-size:11px}.band-hint{max-width:8em}.band-guide th,.band-guide td{padding:10px 6px}}