:root{--bg: #060608;--text: #f5f5f7;--text-dim: rgba(245, 245, 247, .62);--glass: rgba(255, 255, 255, .14);--glass-strong: rgba(255, 255, 255, .22);--answer: #34c759;--danger: #ff3b30;--font: -apple-system, BlinkMacSystemFont, "SF Pro Text", "Segoe UI", Roboto, "Helvetica Neue", system-ui, sans-serif}*{box-sizing:border-box;margin:0;padding:0}html,body,#root{width:100%;height:100%;margin:0;overflow:hidden;overscroll-behavior:none}body{position:fixed;top:0;right:0;bottom:0;left:0;overflow:hidden;overscroll-behavior:none;background:var(--bg);color:var(--text);font-family:var(--font);-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:transparent;user-select:none;-webkit-user-select:none}.mono{font-variant-numeric:tabular-nums}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);clip-path:inset(50%);white-space:nowrap;border:0}button{font-family:var(--font);color:inherit;background:none;border:none;cursor:pointer}:focus-visible{outline:2px solid rgba(245,245,247,.8);outline-offset:3px;border-radius:6px}.call-stage{position:relative;width:100%;min-height:100vh;min-height:100dvh;height:100vh;height:100dvh;overflow:hidden}.call-backdrop{position:absolute;top:-20%;right:-20%;bottom:-20%;left:-20%;background:radial-gradient(42% 34% at 22% 18%,rgba(88,101,156,.55),transparent 70%),radial-gradient(50% 40% at 80% 12%,rgba(64,78,118,.42),transparent 72%),radial-gradient(46% 38% at 70% 82%,rgba(112,84,120,.35),transparent 70%),radial-gradient(40% 34% at 18% 78%,rgba(46,84,96,.4),transparent 72%),var(--bg);filter:blur(46px) saturate(1.15);transform:translateZ(0)}.call-backdrop:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:#0404066b}.call-screen{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;padding:calc(14px + env(safe-area-inset-top)) calc(24px + env(safe-area-inset-right)) calc(30px + env(safe-area-inset-bottom)) calc(24px + env(safe-area-inset-left));animation:screen-enter .45s ease both}@keyframes screen-enter{0%{opacity:0;transform:scale(1.015)}to{opacity:1;transform:none}}.call-screen--leaving{animation:screen-leave .42s ease forwards;pointer-events:none}@keyframes screen-leave{to{opacity:0;transform:scale(1.04);filter:blur(8px)}}.incoming-header{margin-top:clamp(44px,12svh,112px);display:flex;flex-direction:column;align-items:center;text-align:center;gap:6px}.incoming-avatar{position:relative;width:104px;height:104px;margin-bottom:18px;display:grid;place-items:center}.incoming-avatar-circle{width:96px;height:96px;border-radius:50%;display:grid;place-items:center;font-size:34px;font-weight:600;letter-spacing:.02em;color:var(--text);background:linear-gradient(145deg,#5a6478,#39404f 60%,#2b303c);box-shadow:inset 0 1px #ffffff2e}.incoming-ring{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:50%;border:1.5px solid rgba(245,245,247,.35);animation:ring-pulse 2.2s ease-out infinite}.incoming-ring--2{animation-delay:1.1s}@keyframes ring-pulse{0%{transform:scale(.94);opacity:.9}to{transform:scale(1.55);opacity:0}}.incoming-name{font-size:clamp(32px,9vw,40px);font-weight:500;letter-spacing:.01em}.incoming-subtitle{font-size:16px;color:var(--text-dim)}.incoming-actions{margin-top:auto;display:flex;flex-direction:column;gap:30px}.incoming-minor{display:flex;justify-content:space-between;padding:0 14px}.minor-action{display:flex;flex-direction:column;align-items:center;gap:8px;font-size:12.5px;color:var(--text);min-width:64px}.minor-action-circle{width:52px;height:52px;border-radius:50%;display:grid;place-items:center;background:var(--glass);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px)}.minor-action:active .minor-action-circle{background:var(--glass-strong)}.answer-slider{position:relative;height:72px;border-radius:36px;background:#ffffff1f;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);display:flex;align-items:center;padding:5px;touch-action:none;overflow:hidden}.answer-slider-label{position:absolute;left:0;right:0;text-align:center;font-size:17px;color:#f5f5f7d9;pointer-events:none;animation:label-shimmer 2.4s ease-in-out infinite}@keyframes label-shimmer{0%,to{opacity:.55}50%{opacity:1}}.answer-knob{position:relative;z-index:1;width:62px;height:62px;border-radius:50%;display:grid;place-items:center;background:var(--answer);color:#fff;box-shadow:0 4px 14px #00000059;touch-action:none}.answer-slider[data-done]{background:#34c75940}.answer-slider[data-done] .answer-slider-label{animation:none;opacity:0!important}.busy-unlock{position:absolute;left:50%;top:46%;transform:translate(-50%);z-index:25;max-width:300px;padding:12px 20px;border-radius:999px;background:#ffffff1f;backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);color:#f5f5f7eb;font-size:12px;font-weight:600;letter-spacing:.12em;text-transform:uppercase;text-align:center;line-height:1.5;cursor:pointer;animation:label-shimmer 2.4s ease-in-out infinite}.active-header{margin-top:clamp(44px,10svh,96px);display:flex;flex-direction:column;align-items:center;gap:6px;text-align:center}.active-name{font-size:clamp(30px,8.6vw,38px);font-weight:500}.active-status{font-size:17px;color:var(--text-dim);font-variant-numeric:tabular-nums;min-height:24px}.active-panel{margin-top:auto;display:flex;flex-direction:column;align-items:center;gap:clamp(26px,5svh,46px);transition:opacity .3s ease}.active-panel--ended{opacity:.45}.active-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:clamp(18px,4.5svh,34px) clamp(26px,9vw,44px);justify-items:center}.call-action{display:flex;flex-direction:column;align-items:center;gap:9px;font-size:12.5px;color:var(--text)}.call-action:disabled{cursor:default}.call-action-circle{width:68px;height:68px;border-radius:50%;display:grid;place-items:center;background:var(--glass);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);transition:background .15s ease}.call-action:active:not(:disabled) .call-action-circle{background:var(--glass-strong)}.call-action-label{color:#f5f5f7e6}.end-call{width:68px;height:68px;border-radius:50%;display:grid;place-items:center;background:var(--danger);color:#fff;box-shadow:0 6px 18px #ff3b3059;transition:transform .12s ease,filter .15s ease}.end-call:active:not(:disabled){transform:scale(.94);filter:brightness(.9)}.end-call:disabled{cursor:default;filter:saturate(.4) brightness(.7)}.call-screen--locking{animation:call-lock-out .38s ease forwards;pointer-events:none}@keyframes call-lock-out{to{opacity:0;transform:scale(.94);filter:brightness(.55) blur(4px)}}.lock-screen{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100dvh;min-height:100vh;overflow:hidden;display:flex;flex-direction:column;align-items:center;padding:calc(28px + env(safe-area-inset-top)) calc(20px + env(safe-area-inset-right)) calc(28px + env(safe-area-inset-bottom)) calc(20px + env(safe-area-inset-left));animation:lock-screen-in .35s ease both}@keyframes lock-screen-in{0%{opacity:0;transform:scale(1.02)}to{opacity:1;transform:none}}.lock-clock{margin-top:clamp(24px,7svh,72px);text-align:center}.lock-clock-time{font-size:clamp(64px,22vw,92px);font-weight:250;line-height:1;letter-spacing:-.01em;font-variant-numeric:tabular-nums}.lock-clock-date{margin-top:8px;font-size:16.5px;font-weight:500;color:#f5f5f7d1}.lock-notification{width:min(100%,420px);margin-top:clamp(26px,6svh,52px);padding:13px 15px 14px;border-radius:22px;background:#ffffff29;backdrop-filter:blur(28px) saturate(1.4);-webkit-backdrop-filter:blur(28px) saturate(1.4);box-shadow:0 8px 26px #00000047;color:var(--text);text-align:left;cursor:pointer;display:flex;flex-direction:column;gap:5px;animation:notification-in .45s cubic-bezier(.3,1.25,.5,1) both}@keyframes notification-in{0%{opacity:0;transform:translateY(-22px) scale(.97)}60%{transform:translateY(2px) scale(1)}to{opacity:1;transform:none}}.lock-notification-head{display:flex;align-items:center;gap:7px}.lock-notification-icon{width:24px;height:24px;border-radius:6.5px;display:grid;place-items:center;background:var(--answer);color:#fff;flex-shrink:0}.lock-notification-sender{flex:1;font-size:13.5px;font-weight:600;letter-spacing:.02em}.lock-notification-time{font-size:12.5px;color:#f5f5f799}.lock-notification-message{font-size:15px;line-height:1.4;color:#f5f5f7f2}.lock-screen--leaving{animation:lock-screen-out .38s ease forwards;pointer-events:none}@keyframes lock-screen-out{to{opacity:0;transform:scale(1.02)}}.lock-notification--opening{animation:notification-open .36s ease forwards}@keyframes notification-open{to{transform:scale(1.07) translateY(6px);opacity:0}}.chat{--chat-background: #f5f5f7;--header-background: rgba(249, 249, 251, .92);--incoming-bubble: #e9e9eb;--incoming-text: #111111;--outgoing-bubble: #2878f0;--outgoing-text: #ffffff;--primary-text: #111111;--secondary-text: #77777d;--input-background: #ffffff;--border-color: rgba(0, 0, 0, .12);position:fixed;left:0;right:0;top:var(--visual-viewport-offset-top, 0px);height:var(--visual-viewport-height, 100dvh);z-index:10;display:grid;grid-template-rows:auto minmax(0,1fr) auto;overflow:hidden;background:var(--chat-background);color:var(--primary-text);animation:chat-in .38s ease both}.chat[data-theme=dark]{--chat-background: #000000;--header-background: rgba(12, 12, 14, .92);--incoming-bubble: #262628;--incoming-text: #ffffff;--outgoing-bubble: #2f7cf6;--outgoing-text: #ffffff;--primary-text: #ffffff;--secondary-text: #98989e;--input-background: #1c1c1e;--border-color: rgba(255, 255, 255, .14)}@keyframes chat-in{0%{opacity:0;transform:scale(.985)}to{opacity:1;transform:none}}.chat-header{display:flex;align-items:center;gap:8px;flex-shrink:0;padding:calc(8px + env(safe-area-inset-top)) calc(10px + env(safe-area-inset-right)) 8px calc(6px + env(safe-area-inset-left));background:var(--header-background);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);border-bottom:1px solid var(--border-color)}.chat-header-icon{width:42px;height:42px;display:grid;place-items:center;color:var(--outgoing-bubble);border-radius:50%}.chat-avatar{width:36px;height:36px;border-radius:50%;display:grid;place-items:center;overflow:hidden;background:linear-gradient(180deg,#9aa0ab,#6f7580);color:#fff;flex-shrink:0}.chat-avatar svg{transform:translateY(2px)}.chat-peer{flex:1;min-width:0;display:flex;flex-direction:column;line-height:1.25}.chat-peer-name{font-size:15px;font-weight:600;letter-spacing:.01em}.chat-peer-status{font-size:12px;color:var(--secondary-text)}.chat-header-actions{display:flex}.chat[data-keyboard=open] .chat-header{padding-top:4px;padding-bottom:4px}.chat[data-keyboard=open] .chat-header-icon{height:38px}.chat-messages{min-height:0;overflow-y:auto;overflow-x:hidden;-webkit-overflow-scrolling:touch;overscroll-behavior:contain;padding:16px calc(14px + env(safe-area-inset-right)) 12px calc(14px + env(safe-area-inset-left))}.chat-message-list{display:flex;flex-direction:column;justify-content:flex-end;gap:8px;min-height:100%}.msg-row{display:flex;flex-direction:column;max-width:80%;animation:msg-in .28s ease both}@keyframes msg-in{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}.msg-row--in{align-self:flex-start;align-items:flex-start}.msg-row--out{align-self:flex-end;align-items:flex-end}.bubble{padding:9px 13px;border-radius:18px;font-size:15.5px;line-height:1.38}.bubble--in{background:var(--incoming-bubble);color:var(--incoming-text);border-bottom-left-radius:6px}.bubble--out{background:var(--outgoing-bubble);color:var(--outgoing-text);border-bottom-right-radius:6px}.msg-caption{margin-top:3px;font-size:11.5px;color:var(--secondary-text)}.msg-row--dissolving{max-height:480px;transition:max-height .3s ease,opacity .3s ease,margin .3s ease}.msg-row--collapsing{max-height:0;opacity:0;margin:-4px 0 0;overflow:hidden;transition:max-height .3s ease,opacity .3s ease,margin .3s ease}.dissolve-char{display:inline-block;white-space:pre-wrap;animation:char-dissolve .42s ease forwards}@keyframes char-dissolve{0%{opacity:1;transform:none;filter:none}45%{opacity:.65;transform:translateY(calc(var(--dy, 2px) * -.5))}to{opacity:0;transform:translateY(calc(var(--dy, 2px) * -1));filter:blur(2px)}}.dissolve-fade{animation:dissolve-simple .24s ease forwards}@keyframes dissolve-simple{to{opacity:0}}.msg-system{align-self:center;margin-top:10px;font-size:13px;color:var(--secondary-text);animation:msg-in .28s ease both}.bubble--audio{padding:8px 12px;min-width:min(240px,62vw)}.audio-message{display:flex;align-items:center;gap:10px}.audio-message audio{display:none}.audio-toggle{width:38px;height:38px;border-radius:50%;display:grid;place-items:center;background:var(--outgoing-bubble);color:#fff;flex-shrink:0}.audio-track{flex:1;height:4px;border-radius:2px;background:color-mix(in srgb,var(--secondary-text) 35%,transparent);overflow:hidden}.audio-track-fill{display:block;height:100%;border-radius:2px;background:var(--outgoing-bubble);transition:width .2s linear}.audio-time{font-size:12px;color:var(--secondary-text);min-width:40px;text-align:right}.bubble--card{padding:0;background:none;max-width:100%}.checkout-card{display:flex;flex-direction:column;align-items:flex-start;gap:10px;min-width:min(270px,70vw);padding:16px;border-radius:18px 18px 18px 6px;background:var(--incoming-bubble);color:var(--incoming-text)}.checkout-icon{color:var(--outgoing-bubble)}.checkout-title{font-size:15.5px;font-weight:600}.checkout-button{width:100%;min-height:44px;padding:10px 16px;border-radius:12px;background:var(--outgoing-bubble);color:#fff;font-size:13.5px;font-weight:700;letter-spacing:.04em}.checkout-button:disabled{opacity:.5;cursor:default}.contact-card{display:flex;align-items:center;gap:12px;min-width:min(270px,70vw);padding:13px 15px;border-radius:18px 18px 18px 6px;background:var(--incoming-bubble);color:var(--incoming-text);text-align:left;cursor:pointer}.contact-avatar{width:44px;height:44px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(180deg,#34c759,#1e9e44);color:#fff;font-size:16px;font-weight:600;flex-shrink:0}.contact-info{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}.contact-name{font-size:15px;font-weight:600}.contact-description{display:flex;align-items:center;gap:5px;font-size:12.5px;color:var(--secondary-text)}.contact-icon{color:#34c759}.contact-open{font-size:12px;font-weight:700;letter-spacing:.05em;color:var(--outgoing-bubble);white-space:nowrap}.bubble--typing{display:flex;align-items:center;gap:4.5px;padding:13px 14px}.typing-dot{width:7px;height:7px;border-radius:50%;background:var(--secondary-text);animation:typing-dot 1.2s ease-in-out infinite}.typing-dot:nth-child(2){animation-delay:.15s}.typing-dot:nth-child(3){animation-delay:.3s}@keyframes typing-dot{0%,60%,to{opacity:.35;transform:none}30%{opacity:1;transform:translateY(-2.5px)}}.chat-composer{display:flex;align-items:center;gap:10px;width:100%;flex-shrink:0;padding:10px calc(14px + env(safe-area-inset-right)) max(8px,env(safe-area-inset-bottom)) calc(14px + env(safe-area-inset-left));background:var(--chat-background);border-top:1px solid var(--border-color)}.chat[data-keyboard=open] .chat-composer{padding-bottom:8px}.chat-input{flex:1;min-width:0;height:44px;padding:0 16px;border:1px solid var(--border-color);border-radius:22px;background:var(--input-background);color:var(--primary-text);font-family:var(--font);font-size:16px;font-variant-numeric:tabular-nums}.chat-input::placeholder{color:var(--secondary-text)}.chat-input:disabled{opacity:.5}.chat-send{width:44px;height:44px;border-radius:50%;display:grid;place-items:center;background:var(--outgoing-bubble);color:#fff;flex-shrink:0;transition:opacity .15s ease,transform .12s ease}.chat-send:active:not(:disabled){transform:scale(.94)}.chat-send:disabled{opacity:.35;cursor:default}@media (max-height: 700px){.incoming-header{margin-top:34px}.incoming-avatar{width:88px;height:88px;margin-bottom:10px}.incoming-avatar-circle{width:82px;height:82px;font-size:28px}.incoming-actions{gap:20px}.active-grid{gap:16px 28px}.call-action-circle{width:60px;height:60px}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-delay:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.incoming-ring{display:none}}