: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%;display:grid;grid-template-rows:auto auto minmax(0,1fr) auto;justify-items:center;gap:14px;padding:clamp(24px,6vh,64px) 20px clamp(20px,4vh,40px)}.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}.call>*{position:relative;z-index:1}.orbbtn{width:min(360px,62vw,42vh);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{width:min(680px,100%);min-height:0;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:88%;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-partial=true]{opacity:.72}@keyframes rise{0%{opacity:0;transform:translateY(8px)}}.by{display:flex;align-items: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}@media(prefers-reduced-motion:reduce){.bubble{animation:none}.orbbtn{transition:none}}