.voice-strip{position:fixed;right:max(12px,env(safe-area-inset-right));bottom:max(18px,env(safe-area-inset-bottom));z-index:24;display:flex;align-items:center;gap:8px;max-width:220px;padding:7px 9px;border:1px solid #87929855;border-radius:5px;background:#10171dbc;color:#e5e9eb;text-align:left;box-shadow:0 3px 12px #0004;backdrop-filter:blur(8px);font:inherit;cursor:pointer}
.voice-strip.voice-in-chat{position:relative;inset:auto;margin-top:7px;width:max-content;max-width:210px;box-sizing:border-box}.voice-strip.voice-in-chat .voice-copy small{display:none}
.voice-strip[hidden],.mp-voice-activity[hidden],.voice-settings [hidden]{display:none!important}
.voice-strip svg,.mp-voice-activity svg{width:19px;height:23px;flex:none;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round}
.voice-copy{display:grid;gap:3px;min-width:0}.voice-copy b{font-size:12px;line-height:1.25}.voice-copy small{font-size:10px;color:#bec6cc}
.voice-strip[data-state=transmitting]{border-color:#7fc69c;color:#99dcb4;background:#13251fea}.voice-strip[data-state=denied],.voice-strip[data-state=permission-denied],.voice-strip[data-state=no-device]{border-color:#d6a677}.voice-strip[data-state=locally-muted] svg,.voice-strip[data-state=denied] svg{opacity:.5}
.voice-bars{display:flex;align-items:flex-end;gap:2px;height:20px;flex:none}.voice-bars i{display:block;width:3px;height:5px;background:#64716d}.voice-bars i:nth-child(2){height:9px}.voice-bars i:nth-child(3){height:14px}.voice-bars i:nth-child(4){height:19px}.voice-bars i.lit{background:#99dcb4}
.voice-settings{width:min(380px,calc(100vw - 24px));max-height:78dvh;box-sizing:border-box;padding:14px;border:1px solid #a1b5b155;border-radius:8px;background:#101820d9;color:#eef1f3;font:inherit;box-shadow:0 12px 42px #0008;backdrop-filter:blur(16px);overflow-y:auto}.voice-settings::backdrop{background:#060a1066;backdrop-filter:blur(2px)}
.voice-title{display:flex;justify-content:space-between;align-items:center;gap:10px}.voice-title h2{margin:0;font-size:17px}.voice-settings button,.voice-settings select{font:inherit;font-size:12px;line-height:1.3;padding:7px 8px;border:1px solid #64727b99;border-radius:4px;background:#26343ecc;color:#f0f4f7;cursor:pointer}.voice-settings button:disabled{opacity:.45;cursor:default}.voice-title button{font-size:21px;padding:0 9px}.voice-actions{display:flex;flex-wrap:wrap;gap:6px}.voice-description{margin:5px 0;font-size:11px;color:#b6c0c8;line-height:1.35}.voice-detail{min-height:16px;margin:6px 0;color:#b5dcc6;font-size:12px}
.voice-field{display:grid;grid-template-columns:1fr auto;gap:6px;align-items:center;margin:10px 0;font-size:12px}.voice-field select,.voice-field input[type=range]{grid-column:1/-1;width:100%;min-width:0;box-sizing:border-box;accent-color:#99dcb4}.voice-field output{font-variant-numeric:tabular-nums;color:#b5dcc6}.voice-check{display:flex;align-items:center;gap:7px;margin:10px 0;font-size:12px}.voice-check input{accent-color:#99dcb4}.voice-advanced{margin-top:8px;padding-top:7px;border-top:1px solid #52606a55;font-size:12px}.voice-advanced summary{color:#d7dfe4;cursor:pointer}.voice-player{padding:9px 0;border-top:1px solid #52606a55}.voice-player b{overflow-wrap:anywhere}
.voice-settings [hidden]{display:none!important}
.voice-strip:focus-visible,.voice-settings :focus-visible{outline:3px solid #b6e8ca;outline-offset:3px}.voice-sr{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
.mp-voice-activity{position:absolute;left:50%;bottom:calc(100% + 7px);display:flex;align-items:center;justify-content:center;width:27px;height:27px;box-sizing:border-box;transform:translateX(-50%);color:#b9f5cd;background:#101b18d9;border:1px solid #8de2aa99;border-radius:50%;box-shadow:0 2px 10px #0009,0 0 9px #75d99b44;text-shadow:none}.mp-voice-activity svg{width:17px;height:17px;fill:currentColor;stroke:currentColor;stroke-width:1.8}.mp-voice-speaking .mp-speech{bottom:calc(100% + 41px)}
@media(max-width:600px){.voice-strip:not(.voice-in-chat){right:6px;bottom:max(8px,env(safe-area-inset-bottom))}.voice-strip{padding:6px 7px;max-width:200px;gap:6px}.voice-copy b{font-size:11px}.voice-copy small{font-size:9px}.voice-bars{display:none}.voice-settings{padding:12px}.voice-title h2{font-size:16px}}
@media(max-height:480px){.voice-strip{padding:6px}.voice-copy small{display:none}.voice-settings{max-height:94dvh}}
@media(prefers-reduced-motion:reduce){.voice-strip,.mp-voice-activity,.voice-bars i{animation:none;transition:none}}