.st-voice-btn { display:inline-flex;align-items:center;justify-content:center;width:22px;height:22px;border-radius:50%;cursor:pointer;margin:0 3px;vertical-align:middle;position:relative;top:-12px;transition:background 0.2s,transform 0.15s;position:relative;flex-shrink:0; }
.st-voice-btn svg { width:16px;height:16px;fill:#9b9b9b;transition:fill 0.2s;pointer-events:none; }
.st-voice-btn:hover svg { fill:#2fc6f6; }
.st-voice-btn:hover { background:rgba(47,198,246,0.12); }
.st-voice-btn:active { transform:scale(0.92); }
.st-voice-btn.recording { background:rgba(255,50,50,0.13);animation:st-pulse 1s infinite; }
.st-voice-btn.recording svg { fill:#ff4040; }
.st-voice-btn.sending { opacity:0.55;cursor:not-allowed; }
.st-voice-btn.sending svg { fill:#2fc6f6;animation:st-spin 1s linear infinite; }
.st-voice-btn::after { content:'Голосовое';position:absolute;bottom:calc(100% + 6px);left:50%;transform:translateX(-50%);background:#111827;color:#2fc6f6;font-size:11px;font-family:'Courier New',monospace;white-space:nowrap;padding:3px 8px;border-radius:4px;border:1px solid #2fc6f644;opacity:0;pointer-events:none;transition:opacity 0.18s;z-index:10000; }
.st-voice-btn:hover::after { opacity:1; }
#st-voice-popup { display:none;position:fixed;bottom:72px;right:20px;z-index:99998; }
#st-voice-popup.active { display:block;animation:st-fadein 0.2s ease; }
.st-popup-inner { background:#0e1117;border:1px solid #2fc6f6;border-radius:12px;padding:14px 18px;min-width:240px;box-shadow:0 6px 28px rgba(47,198,246,0.18);font-family:'Courier New',monospace;color:#ddd; }
.st-popup-head { display:flex;align-items:center;gap:8px;margin-bottom:10px; }
.st-rec-dot { width:9px;height:9px;background:#ff4040;border-radius:50%;animation:st-pulse 1s infinite;flex-shrink:0; }
.st-rec-label { font-size:11px;color:#ff4040;letter-spacing:1px;font-weight:bold;flex:1; }
.st-timer { font-size:18px;color:#fff;letter-spacing:2px;font-weight:bold; }
.st-wave { display:flex;align-items:center;justify-content:center;gap:3px;height:28px;margin:6px 0; }
.st-wave span { display:block;width:3px;height:4px;background:#2fc6f6;border-radius:2px;animation:st-wave-anim 0.9s ease-in-out infinite;transition:height 0.05s; }
.st-wave span:nth-child(2){animation-delay:0.1s}.st-wave span:nth-child(3){animation-delay:0.2s}.st-wave span:nth-child(4){animation-delay:0.3s}.st-wave span:nth-child(5){animation-delay:0.4s}.st-wave span:nth-child(6){animation-delay:0.3s}.st-wave span:nth-child(7){animation-delay:0.2s}.st-wave span:nth-child(8){animation-delay:0.1s}
.st-popup-actions { display:flex;gap:8px;margin-top:10px; }
.st-popup-actions button { flex:1;padding:7px 6px;border:none;border-radius:6px;cursor:pointer;font-family:'Courier New',monospace;font-size:11px;font-weight:bold;transition:background 0.18s; }
.st-btn-cancel { background:rgba(255,64,64,0.12);color:#ff4040;border:1px solid #ff404055 !important; }
.st-btn-cancel:hover { background:rgba(255,64,64,0.25) !important; }
.st-btn-send { background:rgba(47,198,246,0.12);color:#2fc6f6;border:1px solid #2fc6f655 !important; }
.st-btn-send:hover { background:rgba(47,198,246,0.25) !important; }
.st-popup-actions button:disabled { opacity:0.4;cursor:not-allowed; }
.st-popup-status { font-size:11px;color:#888;text-align:center;margin-top:7px;min-height:15px;font-family:'Courier New',monospace; }
@keyframes st-pulse{0%,100%{box-shadow:0 0 0 0 rgba(255,64,64,0.4)}50%{box-shadow:0 0 0 6px rgba(255,64,64,0)}}
@keyframes st-spin{to{transform:rotate(360deg)}}
@keyframes st-wave-anim{0%,100%{height:3px}50%{height:22px}}
@keyframes st-fadein{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}