/* Shared dark GAME420 composer, with touch targets kept comfortable on iPhone. */
.g420-voice-host{position:relative;--g420-voice-accent:#b6dda9;--g420-voice-surface:#211d2b}
.g420-voice-host .g420-voice-mic[data-voice-state]{order:3}
.g420-voice-mic{display:inline-grid;place-items:center;flex:0 0 42px;position:relative;z-index:32;width:42px;height:42px;min-width:42px;min-height:42px;padding:10px!important;border:0!important;border-radius:50%;background:transparent!important;color:var(--g420-voice-accent,#b6dda9)!important;cursor:pointer;touch-action:none;-webkit-touch-callout:none;user-select:none;-webkit-user-select:none}
.g420-voice-mic svg,.g420-voice-action svg,.g420-voice-lock-hint svg{display:block;width:22px;height:22px;pointer-events:none}
.g420-voice-mic:disabled{opacity:.4;cursor:default}.g420-voice-mic:focus-visible,.g420-voice-action:focus-visible{outline:2px solid var(--g420-voice-accent,#b6dda9);outline-offset:3px}
.g420-voice-mic[data-voice-state=recording]{background:#a8cf9928!important;box-shadow:0 0 0 7px #a8cf9912}
.g420-voice-mic[data-voice-state=locked],.g420-voice-mic[data-voice-state=paused],.g420-voice-mic[data-voice-state=preview],.g420-voice-mic[data-voice-state=sending]{visibility:hidden;pointer-events:none}
.g420-voice-panel{position:absolute;inset:0;z-index:30;display:flex;align-items:center;gap:10px;box-sizing:border-box;min-height:54px;padding:7px 9px;border:1px solid #ffffff0c;border-radius:16px;background:var(--g420-voice-surface,#211d2b);color:#f3eff7;font:400 13px/1.35 Roboto,system-ui,sans-serif;isolation:isolate}
.g420-voice-panel[hidden],.g420-voice-panel [hidden]{display:none!important}
.g420-voice-info{display:flex;align-items:center;gap:8px;flex:1 1 auto;min-width:0}.g420-voice-time{font-variant-numeric:tabular-nums;white-space:nowrap;color:#f1eaf7;font-size:14px}.g420-voice-dot{flex:0 0 7px;width:7px;height:7px;border-radius:50%;background:#ff7f90;animation:g420-voice-pulse 1.3s ease-in-out infinite}
.g420-voice-hint{min-width:0;overflow:hidden;text-overflow:ellipsis;color:#c7bccf;font-size:12px;white-space:nowrap}.g420-voice-panel[data-state=recording] .g420-voice-hint{transform:translateX(var(--voice-swipe,0));transition:transform .06s linear}
.g420-voice-panel[data-state=recording],.g420-voice-panel[data-state=requesting]{padding-right:57px}
.g420-voice-controls{display:flex;align-items:center;flex:0 0 auto;gap:4px}.g420-voice-action{display:grid;place-items:center;width:40px;height:40px;min-width:40px;min-height:40px;padding:9px!important;border:0!important;border-radius:50%;background:transparent!important;color:var(--g420-voice-accent,#b6dda9)!important;cursor:pointer;touch-action:manipulation}
.g420-voice-action:disabled{opacity:.4;cursor:default}.g420-voice-action.g420-voice-trash{color:#d7b0bc!important}.g420-voice-action.g420-voice-send{background:var(--g420-voice-accent,#b6dda9)!important;color:#172318!important}.g420-voice-action.g420-voice-pause svg{stroke-width:3}
.g420-voice-lock-hint{position:absolute;bottom:calc(100% + 9px);right:5px;display:flex;align-items:center;flex-direction:column;gap:10px;width:42px;padding:13px 0;border:1px solid #8dba7833;border-radius:24px;background:#292333;box-shadow:0 4px 18px #0003;color:#c6e1ba;transform:translateY(var(--voice-lock,0));pointer-events:none}.g420-voice-lock-hint svg{width:18px;height:18px}.g420-voice-lock-hint span{font:400 20px/1 system-ui}
.g420-voice-preview{display:block;min-width:0;width:100%;height:38px;flex:1 1 140px;max-width:100%;color-scheme:dark}
.g420-voice-panel[data-state=paused],.g420-voice-panel[data-state=preview],.g420-voice-panel[data-state=sending]{flex-wrap:wrap;inset:auto 0 0;min-height:76px}
.g420-voice-panel[data-state=paused] .g420-voice-info,.g420-voice-panel[data-state=preview] .g420-voice-info,.g420-voice-panel[data-state=sending] .g420-voice-info{flex-basis:100%;gap:7px}
.g420-voice-panel[data-state=paused] .g420-voice-time,.g420-voice-panel[data-state=preview] .g420-voice-time,.g420-voice-panel[data-state=sending] .g420-voice-time{font-size:12px;color:#b6dda9}
.g420-voice-sr{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}
@keyframes g420-voice-pulse{50%{opacity:.35}}
@media(max-width:380px){.g420-voice-panel{gap:6px;padding-left:7px;padding-right:7px}.g420-voice-controls{gap:0}.g420-voice-action{width:38px;min-width:38px}.g420-voice-hint{font-size:11px}}
@media(prefers-reduced-motion:reduce){.g420-voice-dot{animation:none}.g420-voice-panel[data-state=recording] .g420-voice-hint{transition:none}}