@import "https://fonts.googleapis.com/css2?family=Cinzel:wght@600;800&family=Inter:wght@300;400;500;600;700&display=swap";:root{--gold-primary:#d4af37;--gold-glow:#f3e5ab;--gold-dark:#8a6623;--text-light:#f8fafc;--text-muted:#94a3b8;--accent-green:#10b981;--accent-red:#ef4444;--font-sans:"Inter", system-ui, -apple-system, sans-serif;--font-heading:"Cinzel", serif}*{box-sizing:border-box;margin:0;padding:0}html,body,#root{width:100%;height:100dvh;font-family:var(--font-sans);overflow:hidden}body{color:var(--text-light);-webkit-user-select:none;user-select:none;background:#000}.call-bg img{-webkit-user-drag:none;-khtml-user-drag:none;-moz-user-drag:none;user-drag:none;pointer-events:none}.call-screen{flex-direction:column;width:100%;height:100dvh;display:flex;position:relative;overflow:hidden}.call-bg{z-index:0;position:absolute;inset:0}.call-bg img{object-fit:cover;object-position:center top;width:100%;height:100%}.call-bg:after{content:"";z-index:1;background:linear-gradient(#0000008c 0%,#0000000d 30% 50%,#0009 75%,#000000d9 100%);position:absolute;inset:0}.call-top{z-index:10;text-align:center;flex-shrink:0;padding:20px 20px 0;position:relative}.brand-title{font-family:var(--font-heading);letter-spacing:2px;background:linear-gradient(135deg,#fff6d6 0%,#d4af37 50%,#8a6623 100%);-webkit-text-fill-color:transparent;text-transform:uppercase;filter:drop-shadow(0 2px 10px #000000b3);-webkit-background-clip:text;font-size:1.6rem;font-weight:800}.brand-sub{color:#ffffff80;letter-spacing:3px;text-transform:uppercase;margin-top:4px;font-size:.72rem;font-weight:500}.call-bottom{z-index:10;flex-direction:column;align-items:center;gap:14px;margin-top:auto;padding:0 24px 32px;display:flex;position:relative}.status-badge{letter-spacing:1px;-webkit-backdrop-filter:blur(12px);background:#00000073;border:1px solid #ffffff1a;border-radius:50px;align-items:center;gap:8px;padding:6px 16px;font-size:.78rem;font-weight:600;display:inline-flex}.status-dot{background-color:var(--text-muted);border-radius:50%;flex-shrink:0;width:8px;height:8px}.state-offline .status-dot{background-color:var(--text-muted)}.state-connecting .status-dot{background-color:var(--gold-primary);animation:1s infinite blink}.state-listening .status-dot{background-color:var(--accent-green);box-shadow:0 0 8px var(--accent-green);animation:1s infinite blink}.state-speaking .status-dot{background-color:#3b82f6;box-shadow:0 0 8px #3b82f6}@keyframes blink{0%,to{opacity:.3}50%{opacity:1}}.mic-bar-wrap{background:#ffffff1a;border-radius:2px;width:140px;height:4px;overflow:hidden}.mic-bar-fill{border-radius:2px;height:100%;transition:width 80ms,background .2s}.barge-hint{color:#fff6;direction:rtl;font-size:.68rem;font-style:italic}.agent-text{color:#ffffffd9;text-align:center;text-shadow:0 1px 6px #000000b3;direction:rtl;max-width:300px;min-height:1.6em;font-size:.88rem;line-height:1.6}.btn-call-main{cursor:pointer;color:#fff;border:none;border-radius:50%;outline:none;justify-content:center;align-items:center;width:72px;height:72px;margin-top:4px;transition:all .3s cubic-bezier(.175,.885,.32,1.275);display:flex;box-shadow:0 8px 24px #0006}.btn-call-main.call{background:linear-gradient(135deg,#10b981,#059669)}.btn-call-main.call:hover{transform:scale(1.12);box-shadow:0 12px 30px #10b98180}.btn-call-main.hangup{background:linear-gradient(135deg,#ef4444,#dc2626)}.btn-call-main.hangup:hover{transform:scale(1.12);box-shadow:0 12px 30px #ef444480}.btn-call-main svg{fill:currentColor;width:30px;height:30px}.speaking-ring,.listening-ring{pointer-events:none;border-radius:50%;width:72px;height:72px;position:absolute}.speaking-ring{border:2px solid #3b82f6;animation:1.8s ease-out infinite speak-pulse}.speaking-ring:nth-child(2){animation-delay:.6s}.listening-ring{border:2px solid var(--accent-green);animation:1.5s ease-out infinite listen-pulse}.listening-ring:nth-child(2){animation-delay:.5s}@keyframes speak-pulse{0%{opacity:.7;transform:scale(1)}to{opacity:0;transform:scale(2)}}@keyframes listen-pulse{0%{opacity:.6;transform:scale(1)}to{opacity:0;transform:scale(1.8)}}.img-overlay{z-index:100;-webkit-backdrop-filter:blur(10px);cursor:pointer;background:#000c;justify-content:center;align-items:center;padding:16px;animation:.4s ease-out overlayFadeIn;display:flex;position:fixed;inset:0}@keyframes overlayFadeIn{0%{opacity:0}to{opacity:1}}.img-overlay-card{border-radius:20px;max-width:94vw;max-height:82vh;animation:.45s cubic-bezier(.22,1,.36,1) slideIn;position:relative;overflow:hidden;box-shadow:0 24px 64px #0009,0 0 0 1px #d4af3740,0 0 40px #d4af370f}@keyframes slideIn{0%{opacity:0;transform:scale(.92)translateY(16px)}to{opacity:1;transform:scale(1)translateY(0)}}.img-overlay-photo{object-fit:cover;width:100%;max-height:72vh;display:block}.img-overlay-bottom{text-align:center;direction:rtl;background:linear-gradient(#0000 0%,#0006 40%,#000000e6 100%);padding:40px 20px 18px;position:absolute;bottom:0;left:0;right:0}.img-overlay-label{color:#fff;letter-spacing:.5px;text-shadow:0 2px 8px #00000080;font-size:1.05rem;font-weight:600}.img-overlay-more{color:var(--gold-glow);letter-spacing:.5px;margin-top:6px;font-size:.72rem;font-weight:500;animation:1.5s ease-in-out infinite pulseMore}@keyframes pulseMore{0%,to{opacity:.6}50%{opacity:1}}.img-overlay-close{color:#fff;cursor:pointer;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:5;background:#00000080;border:1px solid #ffffff26;border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;font-size:1.1rem;transition:all .2s;display:flex;position:absolute;top:12px;right:12px}.img-overlay-close:hover{background:#ef444499;transform:scale(1.1)}.img-overlay-progress{background:#ffffff14;height:3px;position:absolute;bottom:0;left:0;right:0}.img-overlay-bar{background:linear-gradient(90deg, var(--gold-primary), var(--gold-glow));height:100%;animation:linear forwards countdown;animation-duration:inherit;border-radius:0 2px 2px 0}@keyframes countdown{0%{width:100%}to{width:0%}}.phone-popup-backdrop{z-index:200;-webkit-backdrop-filter:blur(10px);background:#000000b3;justify-content:center;align-items:center;padding:20px;animation:.3s ease-out overlayFadeIn;display:flex;position:fixed;inset:0}.phone-popup{text-align:center;background:linear-gradient(145deg,#1a1f2e 0%,#0f1318 100%);border:1px solid #d4af374d;border-radius:24px;width:100%;max-width:360px;padding:32px 28px;animation:.35s cubic-bezier(.34,1.56,.64,1) cardPopIn;box-shadow:0 24px 48px #00000080,0 0 40px #d4af370d}.phone-popup-icon{margin-bottom:12px;font-size:2.5rem}.phone-popup-title{font-family:var(--font-heading);color:var(--gold-primary);margin-bottom:8px;font-size:1.3rem;font-weight:700}.phone-popup-desc{color:var(--text-muted);direction:rtl;margin-bottom:20px;font-size:.82rem;line-height:1.5}.phone-popup-input{width:100%;color:var(--text-light);text-align:center;letter-spacing:1.5px;background:#ffffff0d;border:1.5px solid #d4af374d;border-radius:14px;outline:none;padding:14px 16px;font-size:1.1rem;font-weight:500;transition:border-color .3s}.phone-popup-input::placeholder{color:#fff3}.phone-popup-input:focus{border-color:var(--gold-primary);box-shadow:0 0 16px #d4af3726}.phone-popup-btns{gap:12px;margin-top:20px;display:flex}.phone-btn{cursor:pointer;letter-spacing:.5px;border:none;border-radius:14px;flex:1;padding:12px 0;font-size:.92rem;font-weight:700;transition:all .2s}.phone-btn-ok{background:linear-gradient(135deg, var(--accent-green), #059669);color:#fff;box-shadow:0 6px 16px #10b9814d}.phone-btn-ok:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 10px 24px #10b98166}.phone-btn-ok:disabled{opacity:.4;cursor:not-allowed}.phone-btn-cancel{color:var(--text-muted);background:#ffffff0f;border:1px solid #ffffff1a}.phone-btn-cancel:hover{color:var(--accent-red);background:#ef444426;border-color:#ef44444d}@supports (padding-top:env(safe-area-inset-top)){.call-top{padding-top:calc(env(safe-area-inset-top) + 12px)}.call-bottom{padding-bottom:calc(env(safe-area-inset-bottom) + 24px)}}