.mic-instrument{flex-direction:column;flex:1;justify-content:space-evenly;align-items:center;gap:18px;min-width:0;padding:14px 0 12px;display:flex}.mic-heading{text-align:center;flex-shrink:0}.mic-eyebrow{color:#7a806f;letter-spacing:2.2px;font-size:9px}.mic-heading h2{letter-spacing:-2.8px;margin:12px 0 8px;font-size:clamp(40px,9vw,62px);font-weight:500;line-height:1.15}.mic-heading>p{color:#747b68;min-height:20px;font-size:13px}.mic-visual{text-align:center;flex-shrink:0;width:min(100%,430px)}.mic-icon{color:#59694b;margin:0 auto 5px}.mic-wave{justify-content:center;align-items:center;gap:5px;height:clamp(72px,18svh,155px);margin-bottom:20px;display:flex;overflow:hidden}.mic-wave i{transform-origin:50%;background:#768c65;border-radius:10px;flex:1;max-width:7px;height:100%;display:block;transform:scaleY(.035)}.mic-instrument[data-state=idle] .mic-wave i,.mic-instrument[data-state=stopped] .mic-wave i,.mic-instrument[data-state=ready] .mic-wave i{background:#bdc7b0}.mic-meter{text-align:left;background:#e1e5d9;border-radius:3px;height:5px;overflow:hidden}.mic-meter>span{transform-origin:0;background:#5c7548;width:100%;height:100%;display:block;transform:scaleX(0)}.mic-scale{letter-spacing:1.6px;color:#808774;justify-content:space-between;margin-top:10px;font-size:8px;display:flex}.mic-input{color:#818773;overflow-wrap:anywhere;max-width:100%;margin:20px auto 0;font-size:11px}.mic-bottom{text-align:center;flex-shrink:0;width:min(100%,360px)}.mic-status{color:#626e55;justify-content:center;align-items:center;min-height:37px;margin:0 auto 12px;font-size:12px;line-height:1.55;display:flex}.mic-actions{flex-direction:column;gap:9px;display:flex}.mic-primary,.mic-record{border-radius:9px;justify-content:center;align-items:center;gap:12px;width:100%;min-height:50px;padding:12px 16px;font-size:14px;font-weight:500;display:flex}.mic-primary{color:#faf9f6;background:#293223;border:1px solid #293223}.mic-primary:hover:enabled{background:#424e36}.mic-record{color:#424f36;background:0 0;border:1px solid #cbd2bf}.mic-record:hover:enabled{background:#edf0e4}.mic-record:disabled{opacity:.55}.mic-record-dot{background:#b0503f;border-radius:50%;width:9px;height:9px}.mic-note{color:#868b7b;margin-top:12px;font-size:10px}.mic-playback{width:100%;margin:0 0 12px}.mic-playback>div{color:#68735a;justify-content:space-between;align-items:center;font-size:11px;display:flex}.mic-playback button{color:#68735a;background:0 0;border:0;min-width:44px;min-height:44px;padding:0 9px;font-size:11px;text-decoration:underline}.mic-playback audio{width:100%;height:42px;display:block}.mic-instrument [hidden]{display:none}.mic-instrument[data-state=recording] .mic-icon{color:#b0503f}.mic-instrument[data-state=recording] .mic-wave i{background:#ad6954}@media (height<=700px) and (orientation:portrait){.mic-instrument{gap:10px;padding-block:5px}.mic-heading h2{margin:7px 0 5px;font-size:45px}.mic-wave{height:70px;margin-bottom:12px}.mic-icon{width:30px;height:39px}.mic-input{margin-top:12px}.mic-status{min-height:34px;margin-bottom:8px;font-size:11px}.mic-primary,.mic-record{min-height:44px;padding-block:10px;font-size:12px}.mic-note{margin-top:8px;font-size:9px}.mic-instrument:has(.mic-playback:not([hidden])) .mic-wave{height:34px;margin-bottom:8px}.mic-instrument:has(.mic-playback:not([hidden])) .mic-icon{display:none}}@media (width<=350px){.mic-wave{gap:4px}.mic-heading h2{font-size:42px}.mic-heading>p{font-size:12px}}@media (orientation:landscape) and (height<=500px){.mic-instrument{grid-template-rows:auto auto;grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-content:center;gap:4px 35px;width:100%;max-width:900px;margin-inline:auto;padding-block:5px;display:grid}.mic-heading{grid-area:1/1}.mic-heading h2{margin-block:5px 2px;font-size:38px}.mic-heading>p{font-size:11px}.mic-visual{grid-area:2/1;align-self:start}.mic-icon{display:none}.mic-wave{gap:4px;height:55px;margin-bottom:8px}.mic-input{margin-top:8px;font-size:10px}.mic-scale{margin-top:6px}.mic-bottom{grid-area:1/2/3;justify-self:center}.mic-primary,.mic-record{min-height:44px;padding-block:8px;font-size:12px}.mic-status{min-height:34px;margin-bottom:8px;font-size:11px}.mic-note{margin-top:8px;font-size:9px}.mic-playback{margin-bottom:8px}.mic-playback>div{min-height:24px}.mic-playback button{min-height:44px}}