:root{--brand: #00578e;--brand-lit: #2e8fd0;--gold: #c9b538;--ground: #07090d;--bubble: rgba(255, 255, 255, .055);--bubble-line: rgba(255, 255, 255, .085);--text: rgba(255, 255, 255, .92);--text-mute: rgba(255, 255, 255, .52);--danger: #f08a80;--font-ar: "IBM Plex Sans Arabic", system-ui, -apple-system, "Segoe UI", sans-serif;--font-en: "Inter", system-ui, -apple-system, "Segoe UI", sans-serif}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{background:var(--ground);color:var(--text);font-family:var(--font-ar);font-size:15px;line-height:1.65;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;overflow:hidden}html[dir=ltr] body{font-family:var(--font-en)}button{font:inherit;color:inherit;border:none;background:none;padding:0;cursor:pointer}.call{position:relative;height:100%;overflow:hidden}.brandbar,.stage,.chat,.by{position:absolute;z-index:1}.brandbar{inset-block-start:clamp(16px,3vh,28px);inset-inline:0;display:flex;align-items:center;justify-content:center}.brandbar__bank{height:30px;width:auto;display:block;opacity:.9}.stage{inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;pointer-events:none}.stage>*{pointer-events:auto}.call:before{content:"";position:absolute;inset:0;background:radial-gradient(55% 42% at 50% 26%,rgba(26,127,196,.22),transparent 72%),radial-gradient(30% 24% at 50% 22%,rgba(201,181,56,.09),transparent 74%);pointer-events:none;z-index:0}.orbbtn{width:min(340px,58vw,38vh);aspect-ratio:1;border-radius:50%;display:block;transition:transform .25s cubic-bezier(.22,1,.36,1),filter .25s;-webkit-tap-highlight-color:transparent}.orbbtn:hover:not(:disabled){transform:scale(1.02)}.orbbtn:active:not(:disabled){transform:scale(.99)}.orbbtn:disabled{cursor:wait}.call[data-phase=idle] .orbbtn,.call[data-phase=ended] .orbbtn{filter:saturate(.55) brightness(.75)}.orbbtn:focus-visible{outline:2px solid var(--brand-lit);outline-offset:8px}.orb-canvas{position:relative;width:100%;height:100%}.call[data-phase=live] .orbbtn:after{content:"";position:absolute;inset:-18%;border-radius:50%;background:radial-gradient(circle,rgba(46,143,208,.2),transparent 62%);pointer-events:none;z-index:-1}.orbbtn{position:relative}.orb-fallback{width:100%;height:100%;border-radius:50%;background:radial-gradient(circle,rgba(0,87,142,.45),transparent 70%)}.status{margin:0;font-size:14px;letter-spacing:.02em;color:var(--text-mute);transition:color .3s;text-align:center}.status[data-state=listening]{color:var(--brand-lit)}.status[data-state=speaking]{color:var(--gold)}.status[data-state=thinking],.status[data-state=connecting]{color:#ffffffb3}.error{margin:0;font-size:13px;color:var(--danger);text-align:center}.chat{inset-block-end:clamp(46px,7vh,64px);left:clamp(20px,4vw,48px);width:min(420px,calc(100% - 40px));max-height:min(46vh,380px);overflow-y:auto;display:flex;flex-direction:column;gap:10px;padding-block:4px;mask-image:linear-gradient(to bottom,transparent,#000 28px);-webkit-mask-image:linear-gradient(to bottom,transparent,#000 28px);scrollbar-width:none}.chat::-webkit-scrollbar{display:none}.bubble{align-self:flex-start;max-width:92%;padding:11px 16px;border-radius:18px;border-start-start-radius:6px;background:var(--bubble);border:1px solid var(--bubble-line);color:var(--text);font-size:15px;line-height:1.7;white-space:pre-wrap;overflow-wrap:anywhere;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);animation:rise .32s cubic-bezier(.22,1,.36,1)}.bubble[data-role=user]{align-self:flex-end;background:#2e8fd024;border-color:#2e8fd042;color:#ffffffc7;border-start-start-radius:18px;border-start-end-radius:6px}.bubble[data-partial=true]{opacity:.72}@keyframes rise{0%{opacity:0;transform:translateY(8px)}}.by{inset-block-end:clamp(14px,2.5vh,22px);inset-inline:0;display:flex;align-items:center;justify-content:center;gap:8px;font-size:11px;letter-spacing:.06em;color:#ffffff4d;transition:color .3s}.by:hover{color:#ffffff80}.by__mark{height:13px;width:auto;display:block;color:currentColor}.gate{height:100%;display:grid;place-items:center;padding:24px;position:relative}.gate:before{content:"";position:absolute;inset:0;background:radial-gradient(52% 40% at 50% 34%,rgba(26,127,196,.22),transparent 72%),radial-gradient(28% 22% at 50% 30%,rgba(201,181,56,.09),transparent 74%);pointer-events:none}.gate__card{position:relative;width:min(360px,100%);display:flex;flex-direction:column;align-items:center;gap:10px;text-align:center}.gate__bank{height:36px;width:auto;margin-bottom:20px;opacity:.92}.gate__card h1{margin:0;font-size:19px;font-weight:600;letter-spacing:-.01em}.gate__card p{margin:0 0 6px;font-size:13.5px;color:var(--text-mute);line-height:1.6}.gate__card input{width:100%;padding:11px 15px;font:inherit;font-size:15px;color:var(--text);text-align:center;letter-spacing:.12em;background:#ffffff0d;border:1px solid rgba(255,255,255,.12);border-radius:10px;outline:none;transition:border-color .18s,background .18s}.gate__card input:focus{border-color:var(--brand-lit);background:#ffffff14}.gate__card input[data-wrong=true]{border-color:var(--danger);animation:shake .3s}@keyframes shake{25%{transform:translate(-5px)}75%{transform:translate(5px)}}.gate__err{font-size:12.5px;color:var(--danger)}.gate__card button{width:100%;padding:11px;font-size:15px;font-weight:600;color:#fff;background:var(--brand);border-radius:10px;transition:background .18s,opacity .18s}.gate__card button:hover:not(:disabled){background:var(--brand-lit)}.gate__card button:disabled{opacity:.42;cursor:not-allowed}.gate__by{display:flex;align-items:center;gap:7px;margin-top:14px;font-size:11px;letter-spacing:.06em;color:#ffffff4d}@media(prefers-reduced-motion:reduce){.bubble{animation:none}.orbbtn{transition:none}}