:root{--bg:#0d1117;--card:#161b22;--border:#30363d;--text:#f0f6fc;--muted:#8b949e;--subtle:#6e7681;--control:#56c596;--control-text:#071b14;--stop:#343b46;color:var(--text);background:var(--bg);font-family:-apple-system,BlinkMacSystemFont,Hiragino Sans,Yu Gothic,sans-serif}body[data-theme=light]{--bg:#f8fafc;--card:#ffffff;--border:#e2e8f0;--text:#172033;--muted:#64748b;--subtle:#94a3b8;--control:#2563eb;--control-text:#ffffff;--stop:#64748b}body[data-theme=ivory]{--bg:#f8f4ec;--card:#fffdf8;--border:#e6ddce;--text:#332f29;--muted:#786f62;--subtle:#a49a8b;--control:#a86438;--control-text:#ffffff;--stop:#817568}body[data-theme=ocean]{--bg:#071b2b;--card:#0e2a3b;--border:#23485e;--text:#e4f4fb;--muted:#94b9c9;--subtle:#668e9f;--control:#4fc3c7;--control-text:#06202b;--stop:#2a566b}body[data-theme=forest]{--bg:#112119;--card:#1b3225;--border:#365346;--text:#eff8f1;--muted:#a9c2af;--subtle:#789783;--control:#89c978;--control-text:#102116;--stop:#486452}body[data-theme=cherry]{--bg:#241218;--card:#3a1b26;--border:#663244;--text:#fff2f4;--muted:#dfacb7;--subtle:#aa7480;--control:#ed8fa2;--control-text:#3b1020;--stop:#753b4b}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}body{min-width:320px;margin:0;background:var(--bg);transition:background-color .22s ease,color .22s ease}button{font:inherit}.screen{min-height:100dvh;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:clamp(20px,4vh,32px);padding:max(28px,env(safe-area-inset-top)) 24px max(28px,env(safe-area-inset-bottom))}header{text-align:center}.eyebrow{margin:0 0 6px;color:var(--muted);font-size:11px;font-weight:700;letter-spacing:.18em}.theme-picker{display:flex;align-items:center;justify-content:center;gap:8px;margin:10px 0 0;color:var(--muted);font-size:11px}.theme-picker select{padding:4px 23px 4px 7px;border:1px solid var(--border);border-radius:7px;background:var(--card);color:var(--text);font:inherit}h1{margin:0;font-size:20px;letter-spacing:.05em}.meter{position:relative;width:min(76vw,310px);aspect-ratio:1}svg{width:100%;height:100%;transform:rotate(-90deg)}.track,.fill{fill:none;stroke-width:12}.track{stroke:var(--border)}.fill{stroke:#6ee7b7;stroke-linecap:round;stroke-dasharray:100;stroke-dashoffset:100;transition:stroke .15s linear,stroke-dashoffset .08s linear}.reading{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-content:center;gap:6px;text-align:center}.reading-caption{color:var(--muted);font-size:12px}#level-label{font-size:clamp(34px,9vw,44px);font-weight:750;line-height:1.1}.reading-detail{color:var(--muted);font-size:12px}.reading-detail b{font-size:16px;font-variant-numeric:tabular-nums}.level-scale{display:grid;grid-template-columns:repeat(7,1fr);width:min(96vw,430px);margin-top:calc(clamp(20px,4vh,32px)*-.55);color:var(--muted);font-size:9px;line-height:1.3;text-align:center}.level-scale span:nth-child(1),.level-scale span:nth-child(2){color:#d1fae5}.level-scale span:nth-child(3){color:#2dd4bf}.level-scale span:nth-child(4){color:#818cf8}.level-scale span:nth-child(5){color:#c084fc}.level-scale span:nth-child(6){color:#fbbf24}.level-scale span:nth-child(7){color:#fb7185}.statistics{display:flex;gap:12px;width:min(100%,360px)}.statistics div{flex:1;display:grid;grid-template-columns:1fr auto;align-items:baseline;gap:3px 8px;padding:13px 16px;border:1px solid var(--border);border-radius:14px;background:var(--card);box-shadow:0 8px 24px color-mix(in srgb,var(--bg) 42%,transparent)}.statistics span,.statistics small{color:var(--muted)}.statistics span{grid-column:1/-1;font-size:12px}.statistics b{font-size:20px;font-variant-numeric:tabular-nums}.microphone-name{width:min(100%,360px);min-height:1.4em;margin:9px 0 0;overflow:hidden;color:var(--muted);font-size:12px;text-align:center;text-overflow:ellipsis;white-space:nowrap}.microphone-picker{display:grid;width:min(100%,360px);margin:10px auto 0;color:var(--muted);font-size:11px;text-align:left}.microphone-picker span{margin:0 0 4px 3px}.microphone-picker select{width:100%;min-height:34px;padding:6px 30px 6px 10px;overflow:hidden;border:1px solid var(--border);border-radius:8px;background:var(--card);color:var(--text);font:inherit;text-overflow:ellipsis;white-space:nowrap}.microphone-picker select:disabled,.prepare-microphones:disabled{color:var(--subtle)}.prepare-microphones{margin-top:8px;padding:0;border:0;background:transparent;color:var(--control);font-size:12px;text-decoration:underline;text-underline-offset:3px;cursor:pointer}.control{min-width:210px;min-height:54px;padding:14px 32px;border:0;border-radius:999px;background:var(--control);color:var(--control-text);font-size:16px;font-weight:700;cursor:pointer}.control.stop{background:var(--stop);color:var(--text)}.control:disabled{opacity:.6}.history-button{margin-top:-16px;padding:8px 14px;border:0;background:transparent;color:var(--muted);font-size:13px;text-decoration:underline;text-underline-offset:3px;cursor:pointer}.history-panel{width:min(100%,420px);padding:16px;border:1px solid var(--border);border-radius:14px;background:var(--card)}.history-heading{display:flex;align-items:baseline;justify-content:space-between}.history-heading h2{margin:0;font-size:15px}.history-heading span,.chart-label,.chart-axis{color:var(--muted);font-size:12px}.chart-wrap{position:relative;height:160px;margin-top:12px;padding-left:42px}.chart-wrap svg{width:100%;height:100%;transform:none}.chart-grid{fill:none;stroke:var(--border);stroke-width:1}.history-line{fill:none;stroke:var(--control);stroke-linecap:round;stroke-linejoin:round;stroke-width:2.5;vector-effect:non-scaling-stroke}.chart-label{position:absolute;left:0;font-size:10px}.chart-label.top{top:8px}.chart-label.middle{top:50%;transform:translateY(-50%)}.chart-label.bottom{bottom:7px}.chart-axis{display:flex;justify-content:space-between;padding:5px 0 0 42px;font-size:10px}.status{min-height:1.5em;margin:-12px 0 0;color:var(--muted);font-size:13px;text-align:center}.notice{max-width:350px;margin:0;color:var(--muted);font-size:12px;line-height:1.7;text-align:center}