.voice-loading-overlay{position:fixed;inset:0;z-index:9999;display:flex;align-items:center;justify-content:center;background:#000c;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);animation:voice-loading-backdrop-in .2s ease-out}.voice-loading-card{background:linear-gradient(135deg,#fffffff2,#f8fafcf2);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:clamp(16px,4vw,24px);padding:clamp(16px,3vw,32px) clamp(16px,3vw,28px);box-shadow:0 20px 40px #0000001a,0 0 0 1px #0ea5e91a;max-width:min(85vw,420px);width:100%;text-align:center;animation:voice-loading-card-in .28s ease-out 50ms both;position:relative;overflow:hidden;border:1px solid rgba(14,165,233,.1);margin:clamp(10px,2vw,20px)}.voice-loading-card:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,transparent,rgba(14,165,233,.6),transparent)}.voice-loading-progress{position:relative;width:clamp(100px,20vw,140px);height:clamp(100px,20vw,140px);margin:0 auto clamp(12px,3vw,24px)}.voice-loading-ring{width:100%;height:100%;transform:rotate(-90deg)}.voice-loading-ring-bg{fill:none;stroke:#0ea5e91a;stroke-width:8;stroke-linecap:round}.voice-loading-ring-progress{fill:none;stroke:url(#voice-loading-gradient);stroke-width:8;stroke-linecap:round;stroke-dasharray:502.65;stroke-dashoffset:502.65;transition:stroke-dashoffset .5s ease-out}.voice-loading-gradient{--accent: #0ea5e9}.voice-loading-orb{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:clamp(60px,15vw,90px);height:clamp(60px,15vw,90px);border-radius:50%;background:radial-gradient(circle,rgba(14,165,233,.2) 0%,transparent 70%);animation:voice-loading-orb-pulse 2s ease-in-out infinite}.voice-loading-orb-canvas{width:100%;height:100%;border-radius:50%}.voice-loading-mic-icon{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:clamp(24px,6vw,32px);height:clamp(24px,6vw,32px);color:#0ea5e9;z-index:1}.voice-loading-content{color:#1f2937;direction:rtl;text-align:center}.voice-loading-headline{font-size:clamp(16px,4vw,20px);font-weight:600;margin-bottom:clamp(6px,1.5vw,12px);color:#1f2937;font-family:Heebo,sans-serif}.voice-loading-subtitle{font-size:clamp(12px,3vw,14px);color:#6b7280;margin-bottom:clamp(16px,4vw,24px);font-family:Heebo,sans-serif}.voice-loading-steps{text-align:left;max-width:320px;margin:0 auto}.voice-loading-step{display:flex;align-items:center;padding:clamp(6px,1.5vw,10px) 0;font-size:clamp(11px,2.5vw,13px);color:#6b7280;transition:color .2s ease;direction:rtl;font-family:Heebo,sans-serif}.voice-loading-step.active{color:#0ea5e9;animation:voice-loading-step-pulse 1.5s ease-in-out infinite}.voice-loading-step.completed{color:#10b981}.voice-loading-step-icon{width:20px;height:20px;margin-left:12px;display:flex;align-items:center;justify-content:center;border-radius:50%;border:2px solid currentColor;font-size:12px;flex-shrink:0}.voice-loading-step.completed .voice-loading-step-icon{background:#10b981;border-color:#10b981;color:#fff}.voice-loading-tips{margin-top:32px;padding-top:24px;border-top:1px solid rgba(14,165,233,.1)}.voice-loading-tips-title{font-size:14px;font-weight:500;color:#374151;margin-bottom:12px;font-family:Heebo,sans-serif}.voice-loading-tip{font-size:13px;color:#6b7280;margin-bottom:6px;display:flex;align-items:center;direction:rtl;font-family:Heebo,sans-serif}.voice-loading-tip:before{content:"•";margin-left:8px;color:#0ea5e9}.voice-loading-error{color:#ef4444;margin-top:24px}.voice-loading-error-message{font-size:14px;margin-bottom:16px}.voice-loading-error-actions{display:flex;gap:12px;justify-content:center;flex-wrap:wrap}.voice-loading-error-button{padding:8px 16px;border-radius:8px;border:1px solid rgba(14,165,233,.2);background:transparent;color:#1f2937;font-size:13px;cursor:pointer;transition:all .2s ease;font-family:Heebo,sans-serif}.voice-loading-error-button:hover{background:#0ea5e91a;border-color:#0ea5e94d}.voice-loading-error-button.primary{background:#0ea5e9;border-color:#0ea5e9}.voice-loading-error-button.primary:hover{background:#0284c7;border-color:#0284c7}.voice-loading-cancel{position:absolute;top:16px;right:16px;width:32px;height:32px;border:none;background:#0ea5e91a;color:#6b7280;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.voice-loading-cancel:hover{background:#0ea5e933;color:#1f2937}@keyframes voice-loading-backdrop-in{0%{opacity:0}to{opacity:1}}@keyframes voice-loading-card-in{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}@keyframes voice-loading-orb-pulse{0%,to{transform:translate(-50%,-50%) scale(1);opacity:.6}50%{transform:translate(-50%,-50%) scale(1.05);opacity:.8}}@keyframes voice-loading-step-pulse{0%,to{opacity:1}50%{opacity:.7}}@media (prefers-reduced-motion: reduce){.voice-loading-overlay,.voice-loading-card,.voice-loading-orb,.voice-loading-step.active{animation:none}.voice-loading-ring-progress{transition:none}}@media (max-width: 480px){.voice-loading-card{border-radius:16px;margin:8px;max-width:min(90vw,350px)}.voice-loading-steps{max-width:260px}.voice-loading-progress{width:clamp(80px,18vw,110px);height:clamp(80px,18vw,110px)}.voice-loading-orb{width:clamp(50px,12vw,70px);height:clamp(50px,12vw,70px)}}.voice-loading-overlay:focus{outline:none}.voice-loading-sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}