.microphone-page{max-width:1524px;margin:auto;padding:16px 20px 28px;color:#f4f7fa}.tool-crumbs{display:flex;gap:11px;align-items:center;margin:0 0 16px;color:#a9b9cb;font-size:13px}.tool-crumbs a{color:#9ec2e2;text-decoration:none}.microphone-hero{display:grid;grid-template-columns:minmax(0,1fr) 368px;gap:38px;align-items:center;margin-bottom:18px}.microphone-hero h1{margin:3px 0 4px;font-size:38px;line-height:1.05;letter-spacing:-1.1px}.microphone-hero>div>p:last-child{max-width:920px;margin:0;color:#aec4d9;font-size:17px;line-height:1.4}.microphone-hero aside{display:flex;gap:14px;align-items:center;padding:17px;border:1px solid #29465d;border-radius:9px;background:#0e2030}.microphone-hero aside i,.microphone-info i{display:grid;place-items:center;flex:0 0 48px;width:48px;height:48px;border-radius:50%;background:#17354c;color:#22d3c5;font-size:27px;font-style:normal}.microphone-hero aside strong,.microphone-hero aside span{display:block}.microphone-hero aside strong{font-size:13px}.microphone-hero aside span{margin-top:4px;color:#a9b9cb;font-size:12px;line-height:1.35}.microphone-workspace{display:grid;grid-template-columns:280px minmax(0,1fr) 360px;border:1px solid #29465d;border-radius:10px;background:linear-gradient(145deg,#0f2639,#0a1b2a);overflow:hidden}.mic-orb-panel{display:grid;place-content:center;justify-items:center;gap:9px;min-height:292px;padding:24px;text-align:center;background:linear-gradient(155deg,#112b41,#0c1e2e)}.mic-orb{display:grid;place-items:center;width:155px;height:155px;border:5px solid #315a71;border-radius:50%;background:radial-gradient(circle,#123a49,#081725 68%);box-shadow:0 0 0 10px #15364a;color:#f4f7fa;font-size:72px;line-height:1;transition:.2s}.mic-orb.active{border-color:#20d6a4;box-shadow:0 0 0 10px #153f4d,0 0 30px #1ed6bd80;color:#20d6a4}.mic-orb.recording{border-color:#f05252;color:#ff7d82;box-shadow:0 0 0 10px #49303b,0 0 28px #f0525266}.mic-orb-panel strong{font-size:16px}.mic-orb-panel p{max-width:220px;margin:0;color:#acc1d2;font-size:12px;line-height:1.4}.mic-live-panel{padding:16px 18px;border-right:1px solid #29465d}.mic-live-panel header{display:flex;justify-content:space-between;align-items:center}.mic-live-panel h2{margin:0;font-size:16px}.mic-live-panel header strong{color:#bdcde0;font-size:27px;letter-spacing:.4px}.mic-live-panel canvas{display:block;width:100%;height:152px;margin-top:8px;border:1px solid #29465d;border-radius:7px;background-color:#091a29;background-image:linear-gradient(#1c3447 1px,transparent 1px),linear-gradient(90deg,#1c3447 1px,transparent 1px);background-size:16px 16px}.canvas-fallback{margin:6px 0 0;color:#91aabd;font-size:11px}.level-heading{display:flex;justify-content:space-between;margin:14px 0 7px;font-size:12px}.level-heading span{color:#a9bfd0}.level-meter{display:grid;grid-template-columns:repeat(42,1fr);gap:4px}.level-meter i{height:24px;border-radius:1px;background:#29465d;transition:background .08s,box-shadow .08s}.level-meter i.active{background:#20d6a4;box-shadow:0 0 7px #20d6a477}.level-meter i.warning.active{background:#f4b62c;box-shadow:0 0 7px #f4b62c77}.level-meter i.danger.active{background:#f05252}.level-scale{display:flex;justify-content:space-between;margin-top:6px;color:#b6c8d8;font-size:11px}.mic-device-panel{padding:18px;background:#0d2030}.mic-device-panel>label,.input-info-title{display:block;margin:0;color:#dce8f1;font-size:12px}.mic-device-panel select{width:100%;height:38px;margin-top:5px;padding:0 10px;border:1px solid #3b607b;border-radius:7px;background:#102438;color:#eef5fa}.input-info-title{margin-top:15px;color:#b7c8d8}.mic-specs{display:grid;grid-template-columns:repeat(3,1fr);gap:7px;margin-top:7px}.mic-specs article{min-width:0;padding:10px 4px;border:1px solid #28465d;border-radius:8px;background:#102438;text-align:center}.mic-specs i,.mic-specs strong,.mic-specs span{display:block}.mic-specs i{color:#22d3c5;font-size:18px}.mic-specs strong{overflow:hidden;margin-top:5px;font-size:11px;text-overflow:ellipsis;white-space:nowrap}.mic-specs span{margin-top:3px;color:#a6b9cb;font-size:9px}.db-reading{display:block;margin-top:4px;color:#22d3c5;font-size:28px}.microphone-controls{grid-column:1/-1;display:flex;gap:10px;align-items:center;padding:10px 18px;border-top:1px solid #29465d;border-bottom:1px solid #29465d;background:#0c1d2c}.microphone-controls button,.mic-result-actions button,#microphone-result menu button{height:41px;padding:0 14px;border:1px solid #3a607b;border-radius:7px;background:#13283b;color:#edf5fa;font:700 12px inherit;cursor:pointer}.microphone-controls button:disabled{opacity:.45;cursor:not-allowed}.microphone-controls .start{margin-left:auto;min-width:224px;border-color:#5af0ef;background:linear-gradient(135deg,#22d3c5,#23c5e7);color:#061721}.microphone-controls .danger{border-color:#f35e67;background:#d6424e}.recording-area{grid-column:1/-1;display:grid;grid-template-columns:250px minmax(180px,1fr) 210px;gap:15px;align-items:center;padding:11px 20px;border-bottom:1px solid #29465d}.recording-area strong{font-size:12px}.recording-area span{display:block;color:#a9bfd0;font-size:11px}.recording-area audio{width:100%;height:32px}.microphone-footer{grid-column:1/-1;display:flex;justify-content:space-between;gap:18px;align-items:center;padding:12px 18px}.microphone-footer fieldset{margin:0;border:0;padding:0}.microphone-footer legend{font-size:13px;font-weight:800}.microphone-footer fieldset>span{display:block;margin-top:2px;color:#a9bfd0;font-size:11px}.mic-feedback-options{display:flex;flex-wrap:wrap;gap:7px;margin-top:8px}.mic-feedback-options label{padding:7px 10px;border:1px solid #3c617a;border-radius:6px;font-size:11px;cursor:pointer}.mic-feedback-options input{accent-color:#22d3c5}.mic-result-actions{display:flex;gap:9px}.mic-result-actions .finish{min-width:128px;border-color:#4ae1b0;background:#1ebc8d}.microphone-info{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:13px}.microphone-info article{display:flex;gap:14px;min-height:132px;padding:16px;border:1px solid #29465d;border-radius:9px;background:#0d1e2d}.microphone-info h2{margin:2px 0 7px;font-size:16px}.microphone-info p,.microphone-info ol{margin:0;color:#aabfd1;font-size:12px;line-height:1.55}.microphone-info ol{padding-left:18px}.microphone-faq{margin-top:13px;padding:16px;border:1px solid #29465d;border-radius:9px;background:#0d1e2d}.microphone-faq h2{margin:0 0 8px;font-size:16px}.microphone-faq details{padding:9px 0;border-top:1px solid #29465d;color:#dce8f1;font-size:13px}.microphone-faq summary{cursor:pointer}.microphone-faq p{margin:8px 0 0;color:#a9b9cb;line-height:1.5}#microphone-result{width:min(590px,calc(100vw - 32px));border:1px solid #3b617c;border-radius:12px;background:#11273a;color:#f4f7fa}#microphone-result::backdrop{background:#000b}#microphone-result form{position:relative;padding:14px}#microphone-result form>button{position:absolute;right:7px;top:5px;border:0;background:none;color:white;font-size:24px;cursor:pointer}.result-eyebrow{margin:0 0 7px;color:#22d3c5;font-size:12px;font-weight:800;letter-spacing:1.4px}#microphone-result h2{margin:0 0 12px;font-size:25px}#microphone-result dl{margin:0;border-top:1px solid #2c4960}#microphone-result dl div{display:flex;justify-content:space-between;gap:16px;padding:8px 0;border-bottom:1px solid #2c4960;font-size:13px}#microphone-result dt{color:#a9b9cb}#microphone-result dd{margin:0;font-weight:700;text-align:right}#microphone-result form>p:not(.result-eyebrow){color:#a9b9cb;font-size:12px;line-height:1.45}#microphone-result menu{display:flex;justify-content:flex-end;gap:8px;margin:14px 0 0;padding:0}#microphone-result menu button{height:36px}.microphone-page button:focus-visible,.microphone-page select:focus-visible,.microphone-page input:focus-visible,#microphone-result button:focus-visible{outline:3px solid white;outline-offset:2px}@media(max-width:1100px){.microphone-workspace{grid-template-columns:220px minmax(0,1fr)}.mic-device-panel{grid-column:1/-1;display:grid;grid-template-columns:1fr 1fr;gap:8px 18px}.mic-device-panel>label{grid-column:1}.mic-device-panel select{grid-column:1;margin-top:-1px}.input-info-title{margin-top:0}.mic-device-panel .input-info-title:nth-of-type(2),.db-reading{grid-column:2}.mic-specs{grid-column:2;grid-row:1/3;margin-top:18px}.db-reading{margin-top:-30px}}@media(max-width:900px){.site-header nav,.site-header .header-tools{display:none}.site-header{padding:0 24px}.microphone-hero{grid-template-columns:1fr}.microphone-hero aside{max-width:430px}.microphone-workspace{grid-template-columns:1fr}.mic-orb-panel{min-height:0;padding:22px}.mic-live-panel{border-right:0}.recording-area{grid-template-columns:1fr}.microphone-controls{flex-wrap:wrap}.microphone-controls .start{margin-left:0}.microphone-info{grid-template-columns:1fr}.microphone-footer{align-items:flex-end}}@media(max-width:600px){.microphone-page{padding:14px}.microphone-hero h1{font-size:32px}.mic-device-panel{display:block}.mic-device-panel select{margin-top:5px}.mic-specs{margin-top:7px}.input-info-title{margin-top:15px}.db-reading{margin-top:4px}.microphone-controls{display:grid;grid-template-columns:1fr 1fr}.microphone-controls .start{grid-column:1/-1;width:100%}.microphone-controls button{padding:0 7px}.microphone-footer{display:block}.mic-result-actions{margin-top:13px}.mic-result-actions button{flex:1}.microphone-info article{min-height:0}.level-meter{gap:2px}.level-meter i{height:19px}}
