html{width:100vw;height:100vh;height:100dvh;margin:0;padding:0;background:#000;color:#fff;font-family:Segoe UI,Roboto,Arial,sans-serif;overflow-x:hidden;overflow-y:auto;-webkit-text-size-adjust:100%;-webkit-touch-callout:none}body{width:100vw;min-height:100vh;min-height:100dvh;margin:0;padding:0;background:#000;color:#fff;font-family:Segoe UI,Roboto,Arial,sans-serif;overflow-x:hidden;overflow-y:auto;position:relative;-webkit-overflow-scrolling:touch}#root{width:100vw;min-height:100vh;min-height:100dvh;position:relative;overflow-x:hidden;overflow-y:auto}.app-header{display:flex;align-items:center;justify-content:space-between;padding:8px 12px 0;min-height:56px;background:transparent;position:relative;margin-bottom:12px}.app-header-left{display:flex;align-items:center;flex:1 1 auto;min-width:0;gap:8px}.app-header:after{content:"";display:block;position:absolute;left:0;right:0;bottom:-10px;height:12px;opacity:.3;background:linear-gradient(180deg,#ff00cc59,#0000);opacity:1;border-radius:2px;z-index:1}.back-btn{background:none;border:none;color:#fff;cursor:pointer;width:40px;height:40px;display:flex;align-items:center;justify-content:center;padding:0}.back-btn svg{display:block;width:24px;height:24px}.splash-root{min-height:100vh;min-height:100dvh;background:#000;position:relative;overflow:hidden;font-family:Segoe UI,Roboto,Arial,sans-serif}.splash-content{position:absolute;top:0;left:0;right:0;bottom:0;display:flex;flex-direction:column;align-items:center;justify-content:center;z-index:2;min-height:100vh;padding:20px}.logo-block{display:flex;flex-direction:column;align-items:center;margin-bottom:32px;-webkit-user-select:none;user-select:none}.logo{margin-bottom:4px;width:auto;height:32px;display:block}.robocall-text{font-size:2.4rem;font-weight:700;color:#e0e0e0;margin-bottom:4px;text-align:center;font-family:inherit;letter-spacing:.06em}.subtitle-text{font-size:1rem;color:#bdbdbd;font-weight:400;margin-bottom:0;text-align:center;letter-spacing:.16em;font-family:inherit}.wave-container{position:absolute;left:0;right:0;bottom:0;width:100vw;height:60vh;min-height:220px;z-index:1;pointer-events:none}.wave-svg{width:100vw;height:100%;display:block;transform:scaleX(-1)}.powered-by{position:absolute;bottom:18px;bottom:calc(18px + env(safe-area-inset-bottom));left:0;right:0;text-align:center;color:#bdbdbd;font-size:.95rem;z-index:3;letter-spacing:.04em;font-family:inherit;pointer-events:none}.services-grid{display:grid;gap:24px;width:100%;max-width:1000px;margin:40px auto 0;grid-template-columns:1fr}.service-card{background:#fffffff2;border-radius:16px;padding:32px 24px;cursor:pointer;transition:all .3s ease;box-shadow:0 8px 32px #0000001a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.2);position:relative;display:flex;flex-direction:column;align-items:center;text-align:center;min-height:200px;overflow:hidden}.service-card:hover:not(.disabled){transform:translateY(-8px);box-shadow:0 16px 48px #c13b8a33;background:#fff}.service-card:active:not(.disabled){transform:translateY(-4px)}.service-card.disabled{opacity:.6;cursor:not-allowed;background:#ffffffb3}.service-icon{font-size:3.5rem;margin-bottom:16px;display:flex;align-items:center;justify-content:center;width:80px;height:80px;background:linear-gradient(135deg,#c13b8a,#7b2b6a);border-radius:50%;color:#fff;text-shadow:0 2px 4px rgba(0,0,0,.3)}.service-content{flex:1;display:flex;flex-direction:column;justify-content:center;gap:8px}.service-title{font-size:1.4rem;font-weight:600;margin:0;color:#333}.service-description{font-size:1rem;color:#666;margin:0;line-height:1.5}.loading-container{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:20px;color:#fff;margin:0}.loading-container p{font-size:1.1rem;margin:0;color:#bdbdbd}@media (min-width: 481px) and (max-width: 768px){.services-grid{grid-template-columns:1fr;max-width:400px;gap:16px}.service-card{padding:24px;min-height:140px}.service-icon{font-size:2.8rem;width:60px;height:60px;margin-bottom:12px}.service-title{font-size:1.2rem}.service-description{font-size:.95rem}}@media (min-width: 769px){.services-grid{grid-template-columns:repeat(3,1fr)}}@media (max-width: 375px){.splash-content{padding:12px 8px;padding-bottom:calc(110px + env(safe-area-inset-bottom))}.services-grid{gap:4px;margin:10px 0}.service-card{padding:8px 12px;min-height:50px}.service-icon{font-size:1.3rem;width:28px;height:28px}.service-title{font-size:.75rem}.service-description{font-size:.6rem}.robocall-text{font-size:1.3rem}.wave-container{height:25vh;min-height:80px}.powered-by{font-size:.65rem;bottom:calc(10px + env(safe-area-inset-bottom))}}@media (max-width: 480px){.splash-content{padding:16px 40px;display:flex;flex-direction:column;height:100%;justify-content:space-between;padding-bottom:calc(60px + env(safe-area-inset-bottom))}.bottom-spacer{flex:1;display:flex;align-items:flex-end;justify-content:center;min-height:40px}.logo-block{margin-bottom:0;flex:1;display:flex;flex-direction:column;justify-content:center;align-items:center}.logo{height:24px}.robocall-text{font-size:1.5rem;margin-bottom:2px}.subtitle-text{font-size:.8rem;margin-bottom:0}.services-grid{margin:0;gap:6px;grid-template-columns:1fr;flex:2;align-content:center;align-items:center;display:grid}.service-card{padding:12px 16px;min-height:60px;min-width:44px;border-radius:8px;touch-action:manipulation;-webkit-tap-highlight-color:rgba(193,59,138,.3)}.service-icon{font-size:1.5rem;width:32px;height:32px;margin-bottom:6px}.service-title{font-size:.85rem;font-weight:600;margin-bottom:2px}.service-description{font-size:.65rem;line-height:1.2}.wave-container{height:30vh;min-height:100px}.powered-by{font-size:.7rem;bottom:calc(12px + env(safe-area-inset-bottom))}}.appbar-chat{position:fixed;top:0;left:0;right:0;z-index:10;height:80px;width:100%;background-color:red}.messages-area{position:fixed;top:72px;top:calc(60px + env(safe-area-inset-top));bottom:90px;left:0;right:0;z-index:1;overflow:hidden;min-height:200px;-webkit-overflow-scrolling:touch;bottom:calc(90px + env(safe-area-inset-bottom,0px));box-sizing:border-box}.chat-interface-loading{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#fff;gap:20px}.loading-spinner{width:40px;height:40px;border:3px solid rgba(255,255,255,.3);border-top:3px solid white;border-radius:50%;animation:spin 1s linear infinite}.connection-status{display:flex;align-items:center;gap:8px;padding:6px 12px;border-radius:16px;font-size:.85rem;transition:all .3s ease}.connection-status.connected{background:#4caf501a;color:#4caf50;border:1px solid rgba(76,175,80,.3)}.connection-status.reconnecting{background:#ffc1071a;color:#ffc107;border:1px solid rgba(255,193,7,.3)}.connection-status.disconnected{background:#f443361a;color:#f44336;border:1px solid rgba(244,67,54,.3)}.status-indicator{display:flex;align-items:center;gap:4px}.status-icon{font-size:12px}.connection-details{display:flex;align-items:center;gap:6px;font-size:.8rem;opacity:.8}.reconnect-button{background:transparent;border:none;cursor:pointer;font-size:14px;padding:2px;transition:transform .2s ease}.reconnect-button:hover{transform:rotate(180deg)}.session-status{display:flex;align-items:center;justify-content:center;padding:40px 20px;gap:16px;flex-direction:column;border-radius:16px;margin:20px 0}.session-status.loading{color:#ffffffe6}.session-status.loading p{color:#fffc}.session-status.error{color:#ffffffe6;max-width:500px;margin:20px auto}.error-content{text-align:center;margin-bottom:24px}.error-title{font-size:1.2rem;font-weight:600;margin:0 0 12px;color:#ff6b6b}.error-message{font-size:1rem;margin:0 0 8px;color:#fffc;line-height:1.4}.retry-info{font-size:.9rem;margin:0 0 8px;color:#ffa726;font-weight:500}.retry-exhausted{font-size:.9rem;margin:0;color:#ffffffb3;line-height:1.4}.error-actions{display:flex;gap:12px;flex-wrap:wrap;justify-content:center}.status-spinner{width:24px;height:24px;border:2px solid rgba(196,60,199,.3);border-top:2px solid #c43cc7;border-radius:50%;animation:spin 1s linear infinite}.retry-button{background:#c43cc7;color:#fff;border:none;padding:12px 24px;border-radius:20px;cursor:pointer;transition:all .3s ease;font-weight:500;min-width:120px;min-height:44px;touch-action:manipulation;display:flex;align-items:center;justify-content:center}.retry-button:hover{background:#a632a3;transform:translateY(-2px);box-shadow:0 4px 12px #c43cc74d}.retry-button:active{transform:scale(.95);background:#8b2a8e}.retry-button.primary{background:#4caf50;font-weight:600}.retry-button.primary:hover{background:#45a049;box-shadow:0 4px 12px #4caf504d}.back-button-error{background:transparent;color:#666;border:2px solid #ddd;padding:10px 20px;border-radius:20px;cursor:pointer;transition:all .3s ease;font-weight:500;min-width:120px}.back-button-error:hover{border-color:#999;color:#333;transform:translateY(-2px)}.session-info{display:flex;justify-content:space-between;padding:12px 20px;border-radius:12px;font-size:.8rem;color:#fffc;margin-bottom:20px}.session-id,.session-expiry{margin:0}.message-list-container{height:100%;overflow-y:auto;overflow-x:hidden;padding:16px 16px 20px;box-sizing:border-box;scrollbar-width:none;-ms-overflow-style:none;-webkit-overflow-scrolling:touch;position:relative;overscroll-behavior-y:contain;touch-action:pan-y}.message-list-container::-webkit-scrollbar{display:none}.message-list{max-width:800px;margin:0 auto;padding:20px 0;display:flex;flex-direction:column;gap:16px}.welcome-message{display:flex;gap:16px;padding:24px;background:#fff;border-radius:16px;border:2px solid #c43cc7;box-shadow:0 4px 12px #c43cc71a}.welcome-message .assistant-avatar{font-size:2rem;background:#c43cc71a;color:#c43cc7;border:2px solid #c43cc7;width:60px;height:60px;border-radius:50%;display:flex;align-items:center;justify-content:center}.welcome-content h3{margin:0 0 8px;color:#2c3e50;font-size:1.2rem;font-weight:600}.welcome-content p{margin:0;color:#34495e;line-height:1.5;font-weight:500}.message-bubble{display:flex;flex-direction:row;align-items:flex-start;gap:12px;animation:messageSlideIn .3s ease-out;max-width:85%;word-wrap:break-word;margin-bottom:4px}.message-bubble.user{align-self:flex-end;flex-direction:row-reverse}.message-bubble.assistant{align-self:flex-start}.message-avatar{width:36px;height:36px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.2rem;flex-shrink:0}.user-avatar{background:#c43cc7;color:#fff}.assistant-avatar{background:#ffffff26;color:#c43cc7;border:2px solid #c43cc7}.message-wrapper{flex:1;min-width:0;display:flex;flex-direction:column;gap:4px}.message-content{flex:1;min-width:0;width:100%}.message-bubble.user .message-content{background:#c43cc7;color:#fff;border-radius:18px 18px 4px;box-shadow:0 2px 8px #c43cc74d}.message-bubble.assistant .message-content{background:#fffffff2;color:#2c3e50;border-radius:18px 18px 18px 4px;border:1px solid rgba(255,255,255,.2);box-shadow:0 2px 8px #0000001a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.message-text{padding:12px 16px;line-height:1.5;word-wrap:break-word;font-weight:500}.message-text .formatted-text{font-weight:inherit;line-height:inherit}.message-text .formatted-text .formatted-bold{font-weight:600}.message-meta{display:flex;align-items:center;gap:8px;padding:2px 8px 0;font-size:.75rem;opacity:.8;margin-top:2px}.message-bubble.user .message-meta{color:#ffffffe6;align-self:flex-end}.message-bubble.assistant .message-meta{color:#7f8c8d;align-self:flex-start}.message-bubble.typing .message-content{background:#fff;border:2px solid #e1e8ed;border-radius:18px 18px 18px 4px;padding:16px;box-shadow:0 2px 8px #0000001a}.typing-indicator{display:flex;align-items:center;gap:8px}.typing-dots{display:flex;gap:4px}.typing-dots span{width:6px;height:6px;background:#c43cc7;border-radius:50%;animation:typingDots 1.5s infinite}.typing-dots span:nth-child(2){animation-delay:.3s}.typing-dots span:nth-child(3){animation-delay:.6s}.typing-text{color:#2c3e50;font-size:.9rem;font-weight:500}.message-input-container{position:fixed;bottom:0;left:0;right:0;padding:16px;display:flex;justify-content:center;align-items:center;z-index:1000;transform:translateZ(0);padding-bottom:max(16px,calc(16px + env(safe-area-inset-bottom,0px)));bottom:env(safe-area-inset-bottom,0px)}.message-input-form{max-width:800px;flex:1}.input-wrapper{display:flex;align-items:center;gap:12px;padding:12px 16px;background:#fffffffa;border-radius:24px;border:1px solid rgba(255,255,255,.2);transition:all .3s ease;box-shadow:0 4px 20px #00000026,0 1px 3px #0000001a;min-height:48px;transform:translateY(0);touch-action:manipulation}.input-wrapper:focus-within{border-color:#c43cc7;box-shadow:0 6px 25px #0003,0 0 0 3px #c43cc726,0 2px 4px #0000001a;transform:translateY(-1px)}.message-textarea{flex:1;border:none;background:transparent;resize:none;outline:none;font-family:inherit;font-size:.95rem;line-height:1.3;min-height:24px;max-height:100px;padding:0}.message-textarea::placeholder{color:#999}.send-button{background:#c43cc7;color:#fff;border:none;border-radius:50%;width:40px;height:40px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease;flex-shrink:0;box-shadow:0 1px 4px #c43cc74d;min-width:44px;min-height:44px;touch-action:manipulation}.send-button svg{width:18px;height:18px;transition:all .3s ease}.send-button:hover:not(:disabled){background:#a632a3;transform:scale(1.1);box-shadow:0 4px 12px #c43cc766}.send-button:disabled{background:#ccc;cursor:not-allowed;transform:none}.input-meta{display:flex;justify-content:space-between;align-items:center;margin-top:8px;font-size:.8rem;color:#666}.character-count.warning{color:#e53935}.input-hint{opacity:.7}.chat-footer{padding:16px 24px;text-align:center;background:#ffffffe6;border-top:1px solid rgba(0,0,0,.1)}.powered-by{margin:0;color:#666;font-size:.85rem}.messages-end{height:1px}.streaming-cursor{position:absolute;pointer-events:none;z-index:10}.cursor-blink{color:#c43cc7;font-weight:700;animation:blink 1s infinite}.streaming-cursor-inline{color:#c43cc7;font-weight:700;animation:blink 1s infinite;margin-left:2px}.message-bubble.streaming .message-content{background:#fffffff2;color:#2c3e50;border-radius:18px 18px 18px 4px;border:1px solid rgba(255,255,255,.2);box-shadow:0 2px 8px #0000001a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.message-bubble.loading .message-content{background:#fffffff2;color:#2c3e50;border-radius:18px 18px 18px 4px;border:1px solid rgba(255,255,255,.2);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.loading-text{color:#7f8c8d;font-style:italic;font-size:.85em}.streaming-indicator{color:#c43cc7;font-style:italic;font-size:.7rem}.streaming-text{display:inline}@keyframes streamingPulse{0%,to{border-left-color:#c43cc7;background:linear-gradient(90deg,#c43cc714,#fff)}50%{border-left-color:#4caf50;background:linear-gradient(90deg,#4caf5014,#fff)}}@keyframes blink{0%,50%{opacity:1}51%,to{opacity:0}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.streaming-cursor{color:#c43cc7;animation:cursorBlink 1s infinite;font-weight:700;margin-left:2px}.streaming-indicator{color:#c43cc7;font-style:italic;font-size:.85em}@keyframes cursorBlink{0%,50%{opacity:1}51%,to{opacity:0}}@keyframes typingDots{0%,60%,to{transform:scale(1);opacity:.4}30%{transform:scale(1.2);opacity:1}}.streaming-status{display:flex;align-items:center;gap:12px;margin-right:16px}.streaming-badge{background:#f44;color:#fff;padding:4px 8px;border-radius:12px;font-size:.8em;display:flex;align-items:center;gap:4px;animation:streamingPulse 1.5s ease-in-out infinite}.connected-badge{background:#4caf50;color:#fff;padding:4px 8px;border-radius:12px;font-size:.8em;display:flex;align-items:center;gap:4px}@keyframes messageSlideIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes typingDots{0%,60%,to{transform:translateY(0)}30%{transform:translateY(-10px)}}@media (max-width: 768px){.chat-interface-root{background:#1c1c1e;height:100vh;position:fixed;top:0;left:0;right:0;bottom:0}.messages-area{top:68px;top:calc(56px + env(safe-area-inset-top));bottom:80px;bottom:calc(80px + env(safe-area-inset-bottom,0px));min-height:150px}.connection-status{font-size:.8rem;padding:4px 8px}.message-list-container{padding:24px 12px 16px;box-sizing:border-box;background:transparent;-webkit-overflow-scrolling:touch;overscroll-behavior-y:contain;touch-action:pan-y}.message-list{padding:8px 0;gap:8px}.message-bubble{max-width:95%;margin:4px 8px;flex-direction:column;gap:0}.message-bubble.user{align-self:flex-end;flex-direction:column}.message-bubble.assistant{align-self:flex-start}.message-avatar{display:none}.message-bubble.user .message-content{background:#c43cc7;border-radius:18px 18px 4px;margin-left:0}.message-bubble.assistant .message-content,.message-bubble.streaming .message-content{background:#2c2c2e;color:#fff;border-radius:18px 18px 18px 4px;box-shadow:0 1px 2px #0000004d;border:none}.message-bubble.loading .message-content{background:#2c2c2e;color:#fff;border-radius:18px 18px 18px 4px;border:1px solid #3a3a3c}.loading-text{color:#8e8e93}.message-input-container{padding:12px;padding-bottom:max(12px,calc(12px + env(safe-area-inset-bottom,0px)));bottom:env(safe-area-inset-bottom,0px)}.input-wrapper{padding:8px 12px;background:#2c2c2e;border:1px solid #3a3a3c;border-radius:20px;min-height:40px}.message-textarea{color:#fff}.message-textarea::placeholder{color:#8e8e93}.send-button{width:44px;height:44px;background:#007aff;min-width:44px;min-height:44px;touch-action:manipulation;transition:all .15s ease}.send-button:active{transform:scale(.95);background:#0056cc}.send-button svg{width:18px;height:18px}.message-textarea{font-size:16px}.message-meta{padding:2px 8px 0;font-size:.7rem;opacity:.8;color:#8e8e93;margin-top:2px}.message-bubble.user .message-meta{color:#fffc;align-self:flex-end}.message-bubble.assistant .message-meta{align-self:flex-start}}@media (max-width: 480px){.messages-area{top:64px;top:calc(52px + env(safe-area-inset-top));bottom:70px;bottom:calc(70px + env(safe-area-inset-bottom,0px));min-height:120px}.message-list-container{padding:20px 8px 8px;box-sizing:border-box}.message-list{gap:6px}.message-input-container{padding:8px;bottom:env(safe-area-inset-bottom,0px)}.message-input-form{flex:1}.message-bubble{max-width:98%;margin:2px 4px}.message-bubble.user{align-self:flex-end}.message-bubble.assistant{align-self:flex-start}.message-text{padding:8px 12px;font-size:.95rem}.input-wrapper{padding:6px 10px;min-height:36px;border-radius:18px}.send-button{width:44px;height:44px;min-width:44px;min-height:44px}.send-button svg{width:16px;height:16px}.message-textarea{font-size:16px}}@media (max-width: 768px) and (orientation: landscape){.messages-area{top:60px;top:calc(48px + env(safe-area-inset-top));bottom:70px;bottom:calc(70px + env(safe-area-inset-bottom,0px));min-height:100px}.message-list-container{padding:16px 16px 8px;box-sizing:border-box}.message-input-container{padding:8px;bottom:env(safe-area-inset-bottom,0px)}}@supports not (bottom: env(safe-area-inset-bottom)){.message-input-container{bottom:0!important;padding-bottom:16px!important}.messages-area{bottom:90px!important}@media (max-width: 768px){.message-input-container{padding-bottom:12px!important}.messages-area{bottom:80px!important}}@media (max-width: 480px){.message-input-container{padding-bottom:8px!important}.messages-area{bottom:70px!important}}}@media (prefers-reduced-motion: reduce){.message-bubble,.typing-dots span,.loading-spinner,.status-spinner{animation:none}}.reconnect-button:focus,.retry-button:focus,.send-button:focus{outline:2px solid #c43cc7;outline-offset:2px}.message-textarea:focus{box-shadow:none}@media (prefers-contrast: high){.chat-interface-container{background:#fff;border:2px solid black}.message-bubble.user .message-content{background:#000;color:#fff}.message-bubble.assistant .message-content{background:#fff;color:#000;border:2px solid #000}}.formatted-text{line-height:1.5;word-wrap:break-word}.formatted-paragraph{margin:0 0 8px}.formatted-paragraph:last-child{margin-bottom:0}.formatted-bold{font-weight:600;color:inherit}.formatted-ordered-list,.formatted-unordered-list{margin:8px 0;padding-left:20px}.formatted-list-item{margin:4px 0;line-height:1.4}.formatted-code{background:#0000001a;padding:2px 4px;border-radius:4px;font-family:Courier New,Monaco,monospace;font-size:.9em}.formatted-code-block{background:#0000001a;padding:8px 12px;border-radius:6px;font-family:Courier New,Monaco,monospace;font-size:.9em;margin:8px 0;overflow-x:auto}.formatted-link{color:#007aff;text-decoration:none}.formatted-link:hover{text-decoration:underline}.formatted-quote{border-left:3px solid rgba(0,0,0,.2);padding-left:12px;margin:8px 0;font-style:italic}@media (max-width: 768px){.message-bubble.assistant .formatted-text .formatted-code,.message-bubble.assistant .formatted-text .formatted-code-block{background:#ffffff1a;color:#fff}.message-bubble.assistant .formatted-text .formatted-quote{border-left-color:#ffffff4d}.message-bubble.assistant .formatted-text .formatted-link{color:#5ac8fa}}.message-bubble .formatted-text{width:100%}.message-bubble .formatted-text>*:first-child{margin-top:0}.message-bubble .formatted-text>*:last-child{margin-bottom:0}.app-bar{position:fixed;position:-webkit-sticky;top:0;top:env(safe-area-inset-top);left:0;right:0;width:100vw;z-index:9999;background:#000000f2;backdrop-filter:blur(15px);border-bottom:1px solid rgba(196,60,199,.2);box-shadow:0 2px 12px #0000004d;-webkit-backdrop-filter:blur(15px);transform:translateZ(0);will-change:transform;-webkit-transform:translate3d(0,0,0);touch-action:none}.app-bar-content{display:flex;align-items:center;justify-content:space-between;padding:12px 0pppppppx;min-height:60px;width:100%}.app-bar-left{display:flex;align-items:center;gap:16px;flex:1}.app-bar-back-button{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border:none;border-radius:50%;background:#ffffff1a;color:#fff;cursor:pointer;transition:all .3s ease;padding:0}.app-bar-back-button:hover{background:#c43cc733;transform:translate(-2px);box-shadow:0 2px 8px #c43cc74d}.app-bar-back-button:active{transform:translate(-1px)}.app-bar-brand{display:flex;align-items:center;gap:12px}.brand-logo{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:8px}.brand-logo img{width:100%;height:100%;object-fit:contain}.brand-text{display:flex;flex-direction:column;gap:2px}.brand-name{font-size:1.3rem;font-weight:700;color:#fff;margin:0;line-height:1;letter-spacing:.02em}.brand-subtitle{font-size:.8rem;color:#ffffffb3;margin:0;line-height:1;letter-spacing:.05em;font-weight:400}.app-bar-right{flex:0 0 auto;display:flex;align-items:center;gap:12px;min-width:56px;margin-right:12px}.app-bar-action-button{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border:none;border-radius:50%;background:#e539351a;color:#e53935;cursor:pointer;transition:all .3s ease;font-size:16px;line-height:1}.app-bar-action-button:hover{background:#e5393533;transform:scale(1.1);box-shadow:0 2px 8px #e539354d}.app-bar-action-button:focus{outline:2px solid #e53935;outline-offset:2px}.app-bar-restart-button{background:#2196f31a;color:#2196f3}.app-bar-restart-button:hover{background:#2196f333;transform:scale(1.1);box-shadow:0 2px 8px #2196f34d}.app-bar-restart-button:focus{outline:2px solid #2196f3;outline-offset:2px}.app-bar-end-button{background:#e539351a;color:#e53935}.app-bar-end-button:hover{background:#e5393533;transform:scale(1.1);box-shadow:0 2px 8px #e539354d}.app-bar-end-button:focus{outline:2px solid #e53935;outline-offset:2px}.app-bar-back-button:focus{outline:2px solid #C43CC7;outline-offset:2px}@media (min-width: 1024px){.app-bar-content{padding:12px 0}}@media (max-width: 768px){.app-bar{position:fixed;position:-webkit-sticky;top:0;top:env(safe-area-inset-top);left:0;right:0;width:100vw;z-index:10000;transform:translateZ(0);-webkit-transform:translate3d(0,0,0);will-change:transform;-webkit-touch-callout:none;-webkit-user-select:none;contain:layout style paint}.app-bar-content{padding:10px 0;min-height:56px}.app-bar-left{gap:12px}.brand-name{font-size:1.2rem}.brand-subtitle{font-size:.75rem}}@media (max-width: 480px){.app-bar{position:fixed;position:-webkit-sticky;top:0;top:env(safe-area-inset-top);left:0;right:0;width:100vw;z-index:10000;transform:translateZ(0);-webkit-transform:translate3d(0,0,0);will-change:transform;-webkit-touch-callout:none;-webkit-user-select:none;contain:layout style paint;-webkit-backface-visibility:hidden;backface-visibility:hidden}.app-bar-content{padding:8px 0;min-height:52px}.app-bar-left{gap:8px}.brand-logo{width:32px;height:32px}.brand-name{font-size:1rem}.brand-subtitle{font-size:.65rem}.app-bar-back-button,.app-bar-action-button{width:32px;height:32px;font-size:14px}}.app-bar{transition:all .3s ease}.brand-text *{transition:color .3s ease}@media (prefers-contrast: high){.app-bar{background:#000;border-bottom:2px solid white}.brand-name{color:#fff}.app-bar-back-button{background:#fff;color:#000}}.audio-upload-container{position:fixed;top:0;left:0;right:0;bottom:0;background:#000;box-sizing:border-box}.audio-upload-appbar{width:100%;height:60px;background:#000;display:flex;align-items:center;justify-content:flex-start;box-shadow:0 2px 16px #a100ff22;border-bottom:2.5px solid;border-image:linear-gradient(90deg,#a100ff,#6d217f) 1;position:sticky;top:0;z-index:10}.audio-upload-back-btn{background:none;border:none;margin-left:16px;margin-right:8px;cursor:pointer;display:flex;align-items:center;padding:8px;border-radius:50%;transition:background .15s}.audio-upload-back-btn:hover{background:#a100ff22}.audio-upload-logo{width:36px;height:36px;margin-right:12px}.audio-upload-appbar-title{color:#fff;font-size:1.3rem;font-weight:700;letter-spacing:.5px;margin-right:8px}.audio-upload-appbar-subtitle{color:#cfcfff;font-size:.95rem;font-weight:400;margin-left:4px}.audio-upload-content-area{position:fixed;top:72px;top:calc(60px + env(safe-area-inset-top));bottom:0;bottom:env(safe-area-inset-bottom,0px);left:0;right:0;z-index:1;overflow-y:auto;overflow-x:hidden;-webkit-overflow-scrolling:touch;box-sizing:border-box}.audio-upload-content-container{height:100%;display:flex;align-items:center;justify-content:center;padding:16px;box-sizing:border-box;-webkit-overflow-scrolling:touch;overscroll-behavior-y:contain;touch-action:pan-y;min-height:100%}.audio-upload-success-notification{position:fixed;top:90px;top:calc(90px + env(safe-area-inset-top));left:0;right:0;display:flex;justify-content:center;z-index:1000;pointer-events:none}.audio-upload-success-content{background:#181818;border:2px solid #a100ff;color:#fff;font-weight:700;font-size:1.05rem;border-radius:12px;padding:12px 28px;box-shadow:0 2px 16px #a100ff33;text-align:center;letter-spacing:.5px;max-width:340px;pointer-events:auto;opacity:.97}.audio-upload-main{display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%;flex:1;margin-top:0}.audio-upload-card{background:#1e00328c;box-shadow:0 8px 48px #a100ff33,0 1.5px 8px #0008;border-radius:32px;padding:48px 36px 36px;display:flex;flex-direction:column;align-items:center;min-width:340px;max-width:95vw;margin-top:0;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1.5px solid #a100ff33}.audio-upload-icon{width:72px;height:72px;margin-bottom:18px;filter:drop-shadow(0 0 32px #a100ff99);animation:pulse 1.8s infinite}@keyframes pulse{0%{filter:drop-shadow(0 0 32px #a100ff99)}50%{filter:drop-shadow(0 0 64px #a100ffcc)}to{filter:drop-shadow(0 0 32px #a100ff99)}}.audio-upload-title{color:#fff;font-size:2rem;font-weight:800;margin-bottom:6px;letter-spacing:.5px;text-align:center}.audio-upload-desc{color:#cfcfff;font-size:1.08rem;margin-bottom:28px;text-align:center;font-weight:400}.audio-upload-dropzone{width:100%;min-width:260px;min-height:90px;background:#50007821;border:2.5px dashed #a100ff88;border-radius:20px;display:flex;align-items:center;justify-content:center;color:#fff;font-size:1.08rem;font-weight:600;cursor:pointer;margin-bottom:18px;padding:4px;transition:background .18s,border-color .18s;position:relative;text-align:center;outline:none}.audio-upload-dropzone.dragover{background:#a100ff2e;border-color:#a100ff}.audio-upload-file-input{display:none}.audio-upload-filename{background:linear-gradient(90deg,#a100ff,#6d217f);color:#fff;font-weight:600;font-size:1rem;border-radius:16px;padding:7px 22px;margin-bottom:18px;margin-top:0;box-shadow:0 2px 12px #a100ff33;text-align:center;max-width:260px;overflow-x:auto;white-space:nowrap}.audio-upload-btn{background:linear-gradient(90deg,#a100ff,#6d217f);color:#fff;font-size:1.25rem;font-weight:700;border:none;border-radius:32px;padding:14px 48px;cursor:pointer;margin-top:8px;box-shadow:0 4px 32px #a100ff44;transition:transform .12s,box-shadow .12s,background .2s;outline:none;letter-spacing:.5px}.audio-upload-btn:active{transform:scale(.97);box-shadow:0 2px 16px #a100ff33}.audio-upload-btn:disabled{opacity:.5;cursor:not-allowed}@media (max-width: 768px){.audio-upload-content-area{top:68px;top:calc(56px + env(safe-area-inset-top));bottom:env(safe-area-inset-bottom,0px)}.audio-upload-content-container{padding:12px}.audio-upload-success-notification{top:78px;top:calc(78px + env(safe-area-inset-top))}}@media (max-width: 600px){.audio-upload-title{font-size:1.2rem}.audio-upload-card{padding:18px;min-width:0}.audio-upload-btn{font-size:1rem;padding:12px 24px}.audio-upload-filename{font-size:.95rem;padding:6px 10px}}@media (max-width: 480px){.audio-upload-content-area{top:64px;top:calc(52px + env(safe-area-inset-top));bottom:env(safe-area-inset-bottom,0px)}.audio-upload-content-container{padding:8px}.audio-upload-success-notification{top:74px;top:calc(74px + env(safe-area-inset-top))}}@media (max-width: 768px) and (orientation: landscape){.audio-upload-content-area{top:60px;top:calc(48px + env(safe-area-inset-top));bottom:env(safe-area-inset-bottom,0px)}.audio-upload-content-container{padding:8px 16px}.audio-upload-success-notification{top:70px;top:calc(70px + env(safe-area-inset-top))}}@supports not (bottom: env(safe-area-inset-bottom)){.audio-upload-content-area{bottom:0!important;top:72px!important}.audio-upload-success-notification{top:90px!important}@media (max-width: 768px){.audio-upload-content-area{top:68px!important}.audio-upload-success-notification{top:78px!important}}@media (max-width: 480px){.audio-upload-content-area{top:64px!important}.audio-upload-success-notification{top:74px!important}}}.audio-call-screen{position:fixed;top:0;left:0;right:0;bottom:0;background:#000;color:#fff;font-family:Inter,Arial,sans-serif;box-sizing:border-box}.audio-call-header{display:flex;align-items:center;justify-content:space-between;padding:8px 12px 0;min-height:56px;background:transparent;position:relative}.audio-call-header-left{display:flex;align-items:center;flex:1 1 auto;min-width:0;gap:8px}.audio-call-content-area{position:fixed;top:72px;top:calc(60px + env(safe-area-inset-top));bottom:120px;bottom:calc(120px + env(safe-area-inset-bottom,0px));left:0;right:0;z-index:1;overflow:hidden;-webkit-overflow-scrolling:touch;box-sizing:border-box}.audio-call-content-container{height:100%;display:flex;flex-direction:column;justify-content:center;align-items:center;padding:16px;box-sizing:border-box;-webkit-overflow-scrolling:touch;overscroll-behavior-y:contain;touch-action:pan-y}.audio-call-footer-container{position:fixed;bottom:0;left:0;right:0;padding-bottom:max(16px,calc(16px + env(safe-area-inset-bottom,0px)));bottom:env(safe-area-inset-bottom,0px);z-index:1000;background:#000c;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);transform:translateZ(0)}.audio-call-btn-call{background:linear-gradient(90deg,#a100ff,#6d217f);border:none;border-radius:50%;width:72px;height:72px;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 16px #a100ff40;transition:background .2s;cursor:pointer;position:relative}.audio-call-btn-call.loading{pointer-events:none;opacity:.7}@keyframes fadein-connecting-msg{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.bottom-ripple-loader{position:fixed;left:50%;bottom:0;transform:translate(-50%) translateY(40%);width:220px;height:220px;border-radius:50%;background:#a100ff26;z-index:1200;pointer-events:none;animation:bottom-ripple-anim 1.2s infinite cubic-bezier(.4,0,.2,1)}@keyframes bottom-ripple-anim{0%{opacity:.7;transform:translate(-50%) translateY(40%) scale(.7)}70%{opacity:.2;transform:translate(-50%) translateY(40%) scale(1.1)}to{opacity:0;transform:translate(-50%) translateY(40%) scale(1.4)}}.ripple-loader{position:absolute;left:50%;top:50%;width:72px;height:72px;transform:translate(-50%,-50%);border-radius:50%;background:#a100ff26;z-index:2;animation:ripple-anim 1s infinite cubic-bezier(.4,0,.2,1)}.ripple-behind-btn{width:160px;height:160px;z-index:1;pointer-events:none;background:#a100ff2e;animation:ripple-anim-behind-btn 1.2s infinite cubic-bezier(.4,0,.2,1)}@keyframes ripple-anim-behind-btn{0%{opacity:.7;transform:translate(-50%,-50%) scale(.7)}70%{opacity:.2;transform:translate(-50%,-50%) scale(1.1)}to{opacity:0;transform:translate(-50%,-50%) scale(1.4)}}@keyframes ripple-anim{0%{opacity:.7;transform:translate(-50%,-50%) scale(.8)}70%{opacity:.2;transform:translate(-50%,-50%) scale(1.2)}to{opacity:0;transform:translate(-50%,-50%) scale(1.5)}}.audio-call-menu-btn{background:none;border:none;color:#fff;cursor:pointer;width:40px;height:40px;display:flex;align-items:center;justify-content:center;padding:0}.audio-call-menu-btn svg{display:block;width:22px;height:22px}.audio-call-logo-title{display:flex;align-items:center;gap:8px;min-width:0}.audio-call-title-group{display:flex;flex-direction:column;justify-content:center;min-width:0}.audio-call-logo{width:32px;height:32px;object-fit:contain;margin-right:2px}.audio-call-title{font-size:1.5rem;font-weight:700;letter-spacing:.5px;line-height:1.1;margin-bottom:2px;margin-top:0}.audio-call-subtitle{font-size:.7rem;color:#bdbdbd;letter-spacing:1.2px;line-height:1.1}.audio-agent-name{position:absolute;top:50%;left:50%;width:100%;transform:translate(-50%,-50%);text-align:center;font-weight:600;font-size:22px;pointer-events:none;margin:0;z-index:2}.audio-call-main{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;position:relative}.audio-animation-placeholder{display:flex;align-items:center;justify-content:center;width:min(80vw,350px);height:min(50vh,60vw,350px);aspect-ratio:13 / 23;margin-bottom:2.5vh;max-width:100vw;max-height:60vh;box-sizing:border-box;position:relative}.audio-animation-shape{width:220px;height:220px;border-radius:50%;background:radial-gradient(circle at 60% 40%,#f0c,#339);opacity:.7;filter:blur(2px);box-shadow:0 0 60px 10px #f0c5,0 0 80px 20px #3393}.audio-call-powered{text-align:center;font-size:.95rem;color:#bdbdbd;margin-top:10px;letter-spacing:.2em;font-family:inherit;pointer-events:none}.audio-call-footer{display:flex;justify-content:center;align-items:center;gap:24px;padding:24px 16px;background:transparent;min-height:56px}.audio-call-footer-btn{background:none;border:none;color:#fff;font-size:2.1rem;cursor:pointer;width:54px;height:54px;aspect-ratio:1 / 1;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:background .2s}@media (max-width: 400px){.audio-call-footer{gap:12px;padding:16px 0 calc(48px + env(safe-area-inset-bottom)) 0}.audio-call-footer-btn{width:36px;height:36px;aspect-ratio:1 / 1;font-size:1.3rem}.audio-call-btn-call{width:54px;height:54px;aspect-ratio:1 / 1;font-size:1.7rem;box-shadow:0 0 16px 4px #ff5fcb88,0 0 24px 8px #a445ff55}}.audio-call-btn-call{background:linear-gradient(135deg,#ff5fcb,#a445ff 60%,#339);color:#fff;box-shadow:0 0 32px 8px #ff5fcb88,0 0 48px 16px #a445ff55;font-size:2.7rem;width:80px;height:80px;margin:0 60px;border:none;display:flex;align-items:center;justify-content:center;transition:box-shadow .2s,background .2s}.audio-call-btn-call:active{background:linear-gradient(135deg,#d94fa8,#7a2fd6 60%,#232266);box-shadow:0 0 16px 4px #ff5fcb66,0 0 24px 8px #a445ff33;transform:scale(.96)}.audio-call-btn-end{background:#e53935;color:#fff;box-shadow:0 0 32px 8px #e5393555,0 0 48px 16px #b71c1c33;font-size:2.7rem;width:80px;height:80px;margin:0 60px;border:none;display:flex;align-items:center;justify-content:center;transition:box-shadow .2s,background .2s,transform .2s}.audio-call-btn-end:active{background:#b71c1c;box-shadow:0 0 16px 4px #e5393555,0 0 24px 8px #b71c1c33;transform:scale(.96)}.audio-call-btn-end .end-call-icon{transform:rotate(135deg);transition:transform .2s}@media (max-width: 768px){.audio-call-content-area{top:68px;top:calc(56px + env(safe-area-inset-top));bottom:100px;bottom:calc(100px + env(safe-area-inset-bottom,0px))}.audio-call-content-container{padding:12px}.audio-call-footer-container{padding-bottom:max(12px,calc(12px + env(safe-area-inset-bottom,0px)))}.audio-call-footer{gap:16px;padding:16px 12px}}@media (max-width: 480px){.audio-call-content-area{top:64px;top:calc(52px + env(safe-area-inset-top));bottom:90px;bottom:calc(90px + env(safe-area-inset-bottom,0px))}.audio-call-content-container{padding:8px}.audio-call-footer-container{padding-bottom:max(8px,calc(8px + env(safe-area-inset-bottom,0px)))}.audio-call-footer{gap:12px;padding:12px 8px}}@media (max-width: 768px) and (orientation: landscape){.audio-call-content-area{top:60px;top:calc(48px + env(safe-area-inset-top));bottom:80px;bottom:calc(80px + env(safe-area-inset-bottom,0px))}.audio-call-content-container{padding:8px 16px}.audio-call-footer-container{padding-bottom:max(8px,calc(8px + env(safe-area-inset-bottom,0px)))}}@supports not (bottom: env(safe-area-inset-bottom)){.audio-call-footer-container{bottom:0!important;padding-bottom:16px!important}.audio-call-content-area{bottom:120px!important}@media (max-width: 768px){.audio-call-footer-container{padding-bottom:12px!important}.audio-call-content-area{bottom:100px!important}}@media (max-width: 480px){.audio-call-footer-container{padding-bottom:8px!important}.audio-call-content-area{bottom:90px!important}}}