#voiceControl{box-sizing:border-box;width:min(590px,calc(100vw - 28px));max-height:calc(100dvh - 32px);padding:28px;border:1px solid #d2dce5;border-radius:22px;background:#fff;color:var(--ink);box-shadow:0 24px 90px #172b4533;overflow:auto}
#voiceControl:not([open]){display:none}
#voiceControl::backdrop{background:#14243780;backdrop-filter:blur(3px)}
#voiceControl .voice-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:16px}
#voiceControl h2{margin:4px 0 14px;font-size:26px;letter-spacing:-.6px}
#voiceControl p{line-height:1.6}
#voiceControl .voice-close{min-width:40px;min-height:40px;border:1px solid var(--line);border-radius:12px;background:#fff;font-size:23px;color:var(--ink)}
#voiceControl .voice-listen{display:flex;align-items:center;gap:14px;flex-wrap:wrap;margin:22px 0 18px}
#voiceControl .voice-listen button{min-height:46px;white-space:normal}
#voiceControl #voiceStatus{flex:1 1 170px;margin:0;font-size:13px;color:var(--muted)}
#voiceControl[data-listening=true] #voiceListen{box-shadow:0 0 0 4px var(--bbs-blue-pale);border-color:var(--bbs-blue-deep)}
#voiceControl label{display:grid;gap:8px;font-size:13px;font-weight:700}
#voiceControl input{box-sizing:border-box;width:100%;min-height:48px;padding:12px 14px;border:1px solid #b7cadc;border-radius:12px;font:inherit;background:#fff;color:var(--ink)}
#voicePreview{padding:14px 16px;border:1px solid #d2dce5;border-radius:12px;background:#f3f7fb;font-size:14px;min-height:24px;overflow-wrap:anywhere}
#voiceExamples{display:flex;flex-wrap:wrap;gap:8px;margin:10px 0 20px}
#voiceExamples button{padding:9px 12px;border:1px solid #d2dce5;border-radius:9px;background:#fff;color:#284762;font-size:12px;text-align:left;min-height:40px}
#voiceControl .voice-help{font-size:12px;color:var(--muted);margin:12px 0}
#voiceControl .voice-actions{display:flex;justify-content:flex-end;gap:10px;border-top:1px solid var(--line);padding-top:18px}
#voiceControl button:disabled{opacity:.55;cursor:not-allowed}
#voiceControl :focus-visible{outline:3px solid var(--bbs-blue);outline-offset:3px}
.topbar .topbar-actions{flex-wrap:wrap!important}
@media(max-width:1200px){#openVoiceControl .account-top-label{display:none}}
@media(max-width:600px){#voiceControl{padding:20px}#voiceControl h2{font-size:23px}.topbar{height:auto;min-height:70px;flex-wrap:wrap}.topbar .topbar-actions{gap:6px;max-width:100%}#voiceControl .voice-actions button{flex:1}}
#openVoiceControl[hidden]{display:none!important}