@import"https://fonts.googleapis.com/css2?family=Noto+Naskh+Arabic:wght@400;500;600;700&display=swap";*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}body{background:#07110a;-webkit-text-size-adjust:100%}.vt-root{height:100dvh;display:flex;flex-direction:column;background:#07110a;color:#e0f0e4;font-family:Noto Naskh Arabic,Segoe UI,system-ui,sans-serif;overflow:hidden;direction:rtl}.vt-header{display:flex;align-items:center;justify-content:space-between;padding:.85rem 1.5rem;border-bottom:1px solid #0f2e16;background:linear-gradient(135deg,#0a2010,#0d2a18);flex-shrink:0}.vt-header-brand{display:flex;align-items:center;gap:.85rem}.vt-moi-logo{width:220px;height:auto;flex-shrink:0}.vt-header-titles{display:flex;flex-direction:column;gap:.1rem}.vt-title-main{font-size:1rem;font-weight:700;color:#c8a84b;letter-spacing:.02em}.vt-title-sub{font-size:.72rem;color:#5a8a65;font-weight:500}.vt-playing-badge{display:flex;align-items:center;gap:.3rem;font-size:.75rem;font-weight:600;color:#4ade80}.vt-bar{width:3px;border-radius:2px;background:#4ade80;animation:equaliser .7s ease-in-out infinite alternate}.vt-bar:nth-child(1){height:8px;animation-delay:0s}.vt-bar:nth-child(2){height:14px;animation-delay:.15s}.vt-bar:nth-child(3){height:6px;animation-delay:.3s}@keyframes equaliser{0%{transform:scaleY(.35)}to{transform:scaleY(1)}}.vt-main{flex:1;overflow-y:auto;padding:1.25rem 1rem;display:flex;flex-direction:column;gap:.75rem;-webkit-overflow-scrolling:touch}.vt-empty{flex:1;display:flex;align-items:center;justify-content:center;text-align:center;color:#2a4a32;font-size:1rem;line-height:1.9;padding:2rem}.vt-card{background:#0d1f12;border:1px solid #142a1a;border-radius:14px;overflow:hidden}.vt-card-live{border-color:#1e4a28;background:#0a1a0f}.vt-card-original,.vt-card-arabic{padding:.75rem 1rem}.vt-card-divider{height:1px;background:#0f2a18}.vt-card-label{display:flex;align-items:center;gap:.4rem;font-size:.72rem;font-weight:700;color:#2d6040;margin-bottom:.4rem}.vt-card-label-ar{justify-content:flex-start;color:#7a6020}.vt-label-live{color:#2a7040}.vt-live-dot{width:6px;height:6px;border-radius:50%;background:#4ade80;animation:blink .9s ease infinite}.vt-card-text{margin:0;font-size:.95rem;line-height:1.7;color:#b8d4be;word-break:break-word}.vt-card-text-ar{font-family:Noto Naskh Arabic,Arial,serif;font-size:1.15rem;line-height:1.9;color:#d4a93a;direction:rtl;text-align:right}.vt-card-pending{font-style:italic;color:#1e3a28;font-size:.85rem}.vt-card-partial{color:#3a6a48;font-style:italic}.vt-footer{flex-shrink:0;display:flex;flex-direction:column;align-items:center;gap:.85rem;padding:1.25rem 1.5rem 1.5rem;border-top:1px solid #0f2e16;background:linear-gradient(135deg,#0a2010,#0d2a18)}.vt-error{width:100%;padding:.6rem 1rem;background:#ef444414;border:1px solid rgba(239,68,68,.25);border-radius:8px;color:#f87171;font-size:.8rem;text-align:center;line-height:1.5}.vt-meter-wrap{width:100%;max-width:280px;height:4px;background:#1a1a28;border-radius:2px;overflow:hidden;opacity:0;transition:opacity .2s}.vt-meter-visible{opacity:1}.vt-meter-bar{height:100%;border-radius:2px;background:linear-gradient(90deg,#22c55e,#86efac);transition:width .06s linear;will-change:width}.vt-btn-wrap{position:relative;display:flex;align-items:center;justify-content:center}.vt-pulse-ring{position:absolute;top:-14px;right:-14px;bottom:-14px;left:-14px;border-radius:50%;border:2px solid rgba(239,68,68,.4);animation:pulse-ring 1.5s ease-out infinite;pointer-events:none}.vt-pulse-ring-2{animation-delay:.75s}@keyframes pulse-ring{0%{transform:scale(1);opacity:.8}to{transform:scale(1.6);opacity:0}}.vt-mic-btn{width:80px;height:80px;border-radius:50%;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:transform .1s ease,box-shadow .15s ease;outline:none;user-select:none;-webkit-user-select:none;touch-action:none}.vt-mic-btn:active{transform:scale(.91)}.vt-mic-btn:disabled{cursor:not-allowed;opacity:.4}.vt-mic-btn:focus-visible{box-shadow:0 0 0 3px #6366f1}.vt-mic-btn.state-idle{background:#0f2a18;box-shadow:0 6px 20px #0006}.vt-mic-btn.state-connecting{background:#0f2a18;animation:spin 1.2s linear infinite}.vt-mic-btn.state-ready{background:#14451e;box-shadow:0 6px 20px #4ade8033}.vt-mic-btn.state-recording{background:#6b1111;box-shadow:0 6px 24px #ef444473}.vt-mic-btn.state-error{background:#3a0e0e;box-shadow:0 6px 20px #ef444426}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.vt-mic-icon{width:32px;height:32px}.vt-status{display:flex;align-items:center;gap:.45rem}.vt-dot{width:7px;height:7px;border-radius:50%;flex-shrink:0}.vt-dot.idle{background:#1e3a28}.vt-dot.connecting{background:#4ade80;animation:blink .9s ease infinite}.vt-dot.ready{background:#22c55e}.vt-dot.recording{background:#ef4444;animation:blink .9s ease infinite}.vt-dot.error{background:#f97316}@keyframes blink{0%,to{opacity:1}50%{opacity:.25}}.vt-status-text{font-size:.85rem;font-weight:600;color:#3a7050}.vt-hint{font-size:.8rem;color:#1e3a28;text-align:center;line-height:1.7}@media (max-width: 480px){.vt-header{padding:.85rem 1.25rem}.vt-main{padding:1rem .75rem}.vt-footer{padding:1rem 1.25rem 1.25rem;gap:.75rem}.vt-mic-btn{width:88px;height:88px}.vt-mic-icon{width:36px;height:36px}.vt-card-text-ar{font-size:1.1rem}}