.mic{--mic-accent:#3fd0ff;--mic-quiet:#a9b2bf;--mic-good:#57d98c;--mic-hot:#ffb547;--mic-bad:#ff6b6b;grid-template-columns:minmax(0,1fr);gap:1.1rem;margin-block:1.25rem 2rem;display:grid}.mic-kicker{font:700 .78rem/1.2 var(--font-mono);letter-spacing:.1em;text-transform:uppercase;color:#ffffff9e}.mic-dim{color:var(--mic-quiet);margin:0;font-size:.9rem;line-height:1.5}.mic-small{font-size:.88rem}.mic-bar{border:1px solid var(--line);background:radial-gradient(80% 140% at 0% 0%, color-mix(in srgb, var(--mic-accent) 13%, transparent), transparent 60%), var(--panel-2);border-radius:14px;grid-template-columns:minmax(0,1fr) auto auto;align-items:center;gap:.8rem 1.3rem;padding:1rem 1.15rem;display:grid}.mic-status{align-items:center;gap:.8rem;min-width:0;display:flex}.mic-led{background:#3a4251;border-radius:50%;flex:none;width:.8rem;height:.8rem;box-shadow:0 0 0 3px #ffffff0d}.mic-status[data-state=live] .mic-led{background:var(--mic-bad);box-shadow:0 0 12px 2px var(--mic-bad);animation:1.6s ease-in-out infinite mic-rec}.mic-status[data-state=denied] .mic-led,.mic-status[data-state=none] .mic-led,.mic-status[data-state=busy] .mic-led{background:var(--mic-hot)}@keyframes mic-rec{50%{opacity:.45}}.mic-status-text{gap:.15rem;min-width:0;display:grid}.mic-status-text strong{font:800 1.1rem/1.25 var(--font-display);color:var(--text);overflow-wrap:anywhere}.mic-status-text span{color:var(--text-2);font-size:.92rem;line-height:1.45}.mic-facts{gap:1.1rem;margin:0;display:flex}.mic-facts dt{font:700 .78rem/1.2 var(--font-mono);text-transform:uppercase;letter-spacing:.08em;color:var(--mic-quiet)}.mic-facts dd{font:700 1rem/1.2 var(--font-mono);color:var(--text);white-space:nowrap;margin:.2rem 0 0}.mic-actions{gap:.5rem;display:flex}.mic-controls{grid-template-columns:minmax(0,18rem) minmax(0,1fr);align-items:end;gap:.6rem 1.4rem;display:grid}.mic-pick{gap:.35rem;min-width:0;display:grid}.mic-pick select{border:1px solid var(--line);background:var(--panel-2);width:100%;min-height:2.6rem;color:var(--text);font:600 .92rem/1.2 var(--font-body);border-radius:10px;padding:.4rem .6rem}.mic-switches{flex-wrap:wrap;align-items:center;gap:.4rem 1rem;display:flex}.mic-switches .mic-kicker{flex-basis:100%}.mic-switches label{min-height:2.2rem;color:var(--text);cursor:pointer;align-items:center;gap:.45rem;font-size:.92rem;display:flex}.mic-switches input{width:1.1rem;height:1.1rem;accent-color:var(--mic-accent)}.mic-controls .mic-dim{grid-column:1/-1}.mic-live{grid-template-columns:minmax(0,1fr) minmax(0,1.4fr);align-items:start;gap:1rem;display:grid}.mic-meter-card,.mic-spectro-card{border:1px solid var(--line);background:var(--panel-2);border-radius:14px;align-content:start;gap:.6rem;min-width:0;padding:1rem 1.1rem;display:grid}.mic-meter-head{flex-wrap:wrap;align-items:baseline;gap:.4rem .8rem;display:flex}.mic-meter-head strong{font:800 1.6rem/1 var(--font-mono);color:var(--text)}.mic-clip{background:var(--mic-bad);color:#1a0606;font:800 .78rem/1.2 var(--font-mono);text-transform:uppercase;letter-spacing:.08em;border-radius:999px;padding:.15rem .5rem}.mic-clip[hidden]{display:none}.mic-meter{border:1px solid var(--line);background:#070b11;border-radius:10px;height:2.6rem;position:relative;overflow:hidden}.mic-meter-zones{opacity:.22;grid-template-columns:40% 50% 10%;display:grid;position:absolute;inset:0}.mic-meter-zones .z-low{background:var(--mic-quiet)}.mic-meter-zones .z-good{background:var(--mic-good)}.mic-meter-zones .z-hot{background:var(--mic-bad)}.mic-meter-fill{width:calc(var(--level) * 100%);background:linear-gradient(90deg, #2a6f8f, var(--mic-accent) 55%, var(--mic-good) 75%, var(--mic-hot) 90%, var(--mic-bad));background-size:calc(100% / max(var(--level), .01)) 100%;transition:width 60ms linear;position:absolute;inset:0 auto 0 0}.mic-meter-peak{top:0;bottom:0;left:calc(var(--peak) * 100%);background:#fff;width:3px;position:absolute;box-shadow:0 0 8px #fff}.mic-meter-gate{top:-2px;bottom:-2px;left:calc(var(--gate) * 100%);border-left:2px dashed var(--mic-hot);width:0;position:absolute}.mic-meter-gate[hidden]{display:none}.mic-scale{height:1.1rem;font:600 .88rem/1 var(--font-mono);color:var(--mic-quiet);position:relative}.mic-scale span{position:absolute;translate:-50%}.mic-scale span:first-child{translate:0}.mic-scale span:last-child{translate:-100%}.mic-zone-names{color:var(--mic-quiet);grid-template-columns:40% 50% 10%;font-size:.88rem;display:grid}.mic-zone-names span:last-child{text-align:right;white-space:nowrap}.mic-spectro{border:1px solid var(--line);background:#05080d;border-radius:10px;position:relative;overflow:hidden}.mic-spectro canvas{aspect-ratio:720/260;width:100%;height:auto;image-rendering:pixelated;display:block}.mic-guides{pointer-events:none;position:absolute;inset:0}.mic-guides span{color:#ffffffc7;text-shadow:0 1px 2px #000;border-top:1px dashed #ffffff47;padding:.1rem .4rem 0;font-size:.88rem;line-height:1.1;position:absolute;left:0;right:0}.mic-check,.mic-rec{border:1px solid var(--line);background:var(--panel-2);border-radius:14px;gap:.9rem;padding:1.1rem 1.2rem;display:grid}.mic-check-head,.mic-rec-head{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.6rem 1.2rem;display:flex}.mic-check h2,.mic-rec h2,.mic-how h2{font:800 1.15rem/1.3 var(--font-display);color:var(--text);margin:0}.mic-check-head p,.mic-rec-head p{max-width:46rem;color:var(--text-2);margin:.25rem 0 0;font-size:.94rem;line-height:1.5}.mic-steps{grid-template-columns:repeat(2,minmax(0,1fr));gap:.7rem;display:grid}.mic-step{border:1px solid var(--line);background:#0b1017;border-radius:12px;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:.8rem;padding:.8rem .9rem;transition:border-color .2s,box-shadow .2s;display:grid}.mic-step strong{font:800 1rem/1.3 var(--font-display);color:var(--text);display:block}.mic-step span{color:var(--text-2);font-size:.92rem;line-height:1.45}.mic-step .mic-callout{color:var(--text);font-style:italic}.mic-step-n{width:2rem;height:2rem;font:800 .95rem/1 var(--font-mono);background:#1b2433;border-radius:50%;place-items:center;display:grid;color:var(--text)!important}.mic-step-time{font:800 1.1rem/1 var(--font-mono);text-align:right;min-width:2.6rem;color:var(--mic-accent)!important}.mic-steps[data-phase=quiet] [data-step=quiet],.mic-steps[data-phase=talk] [data-step=talk]{border-color:var(--mic-accent);box-shadow:0 0 0 3px color-mix(in srgb, var(--mic-accent) 22%, transparent)}.mic-result{gap:.8rem;display:grid}.mic-result[hidden]{display:none}.mic-grade-row{flex-wrap:wrap;align-items:center;gap:.8rem 1.6rem;display:flex}.mic-grade{font:800 1.45rem/1.2 var(--font-display);color:var(--mic-good)}.mic-result[data-grade=usable] .mic-grade{color:var(--mic-hot)}.mic-result[data-grade=poor] .mic-grade,.mic-result[data-grade=none] .mic-grade{color:var(--mic-bad)}.mic-stats{flex-wrap:wrap;gap:.6rem 1.4rem;margin:0;display:flex}.mic-stats dt{color:var(--mic-quiet);font-size:.88rem}.mic-stats dd{font:800 1.15rem/1.1 var(--font-mono);color:var(--text);margin:.1rem 0 0}.mic-findings{gap:.55rem;margin:0;padding:0;list-style:none;display:grid}.mic-findings li{color:var(--text);padding-left:1.3rem;font-size:.95rem;line-height:1.5;position:relative}.mic-findings li:before{content:"";background:var(--mic-good);border-radius:50%;width:.6rem;height:.6rem;position:absolute;top:.45em;left:0}.mic-findings li[data-level=warn]:before{background:var(--mic-hot)}.mic-findings li[data-level=bad]:before{background:var(--mic-bad)}.mic-threshold{border-left:3px solid var(--mic-hot);color:var(--text);background:#0b1017;margin:0;padding:.7rem .9rem;font-size:.95rem;line-height:1.5}.mic-threshold[hidden]{display:none}.mic-row{flex-wrap:wrap;align-items:center;gap:.8rem;display:flex}.mic-takes{gap:.6rem;margin:0;padding:0;list-style:none;display:grid}.mic-takes li{border:1px solid var(--line);background:#0b1017;border-radius:10px;gap:.4rem;padding:.6rem .8rem;display:grid}.mic-take-head{color:var(--text-2);font-size:.92rem}.mic-take-head b{color:var(--text)}.mic-takes audio{width:100%}.mic-how{grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem;display:grid}.mic-how>div{border:1px solid var(--line);background:var(--panel-2);border-radius:14px;align-content:start;gap:.6rem;padding:1rem 1.1rem;display:grid}.mic-how p{color:var(--text-2);margin:0;font-size:.94rem;line-height:1.55}.mic-links{gap:.4rem;margin:0;padding:0;list-style:none;display:grid}.mic-links a{color:var(--mic-accent);font-weight:700;text-decoration:none}.mic-links a:hover{text-decoration:underline}@media (width<=960px){.mic-live,.mic-how{grid-template-columns:minmax(0,1fr)}}@media (width<=760px){.mic-spectro canvas{aspect-ratio:4/3}.mic-bar,.mic-controls,.mic-steps{grid-template-columns:minmax(0,1fr)}}@media (prefers-reduced-motion:reduce){.mic-status[data-state=live] .mic-led{animation:none}.mic-meter-fill{transition:none}}
