*{margin:0;padding:0;box-sizing:border-box}html,body{height:100%;overflow:hidden}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,sans-serif;background:linear-gradient(145deg,#1a1a2e,#16213e,#0f3460);color:#fff;-webkit-font-smoothing:antialiased}.phone-container.svelte-nbr4ym.svelte-nbr4ym{display:flex;flex-direction:column;height:100vh;height:100dvh;max-width:100%;margin:0 auto;padding:env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left)}.phone-header.svelte-nbr4ym.svelte-nbr4ym{text-align:center;padding:1.5rem 1rem 1rem;flex-shrink:0}.phone-header.svelte-nbr4ym h1.svelte-nbr4ym{font-size:clamp(1.5rem,5vw,2rem);font-weight:700;background:linear-gradient(135deg,#fff,#a8dadc);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.subtitle.svelte-nbr4ym.svelte-nbr4ym{font-size:.875rem;color:#ffffff80;margin-top:.25rem}.status-bar.svelte-nbr4ym.svelte-nbr4ym{display:flex;align-items:center;justify-content:center;gap:.5rem;padding:.5rem;flex-shrink:0;background:none;border:none;cursor:pointer}.status-dot.svelte-nbr4ym.svelte-nbr4ym{width:8px;height:8px;border-radius:50%;background:gold;animation:svelte-nbr4ym-pulse-dot 2s infinite}.status-dot.connected.svelte-nbr4ym.svelte-nbr4ym{background:#0f8;animation:none}.status-dot.error.svelte-nbr4ym.svelte-nbr4ym{background:#ff4757;animation:none}@keyframes svelte-nbr4ym-pulse-dot{0%,to{opacity:1}50%{opacity:.5}}.status-text.svelte-nbr4ym.svelte-nbr4ym{font-size:.875rem;color:#ffffffb3}.phone-main.svelte-nbr4ym.svelte-nbr4ym{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:1rem;overflow:hidden}.error-box.svelte-nbr4ym.svelte-nbr4ym{display:flex;flex-direction:column;align-items:center;gap:.5rem;padding:1.5rem 2rem;background:#ff475726;border:1px solid rgba(255,71,87,.3);border-radius:1rem;cursor:pointer;transition:all .2s;max-width:90%;color:#fff}.error-box.svelte-nbr4ym.svelte-nbr4ym:active{transform:scale(.98)}.error-icon.svelte-nbr4ym.svelte-nbr4ym{width:40px;height:40px;background:#ff4757;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:1.5rem}.error-text.svelte-nbr4ym.svelte-nbr4ym{color:#ff6b7a;font-size:.9rem;text-align:center}.error-action.svelte-nbr4ym.svelte-nbr4ym{color:#ffffff80;font-size:.75rem}.ready-state.svelte-nbr4ym.svelte-nbr4ym,.call-active.svelte-nbr4ym.svelte-nbr4ym{display:flex;flex-direction:column;align-items:center;gap:1rem}.mic-icon.svelte-nbr4ym.svelte-nbr4ym{width:80px;height:80px;background:#ffffff1a;border-radius:50%;display:flex;align-items:center;justify-content:center}.mic-icon.svelte-nbr4ym svg.svelte-nbr4ym{width:40px;height:40px;color:#ffffff80}.ready-text.svelte-nbr4ym.svelte-nbr4ym{font-size:1.25rem;font-weight:500}.call-active.svelte-nbr4ym.svelte-nbr4ym{text-align:center}.call-animation.svelte-nbr4ym.svelte-nbr4ym{position:relative;width:120px;height:120px;display:flex;align-items:center;justify-content:center}.pulse-ring.svelte-nbr4ym.svelte-nbr4ym{position:absolute;width:100%;height:100%;border-radius:50%;background:#0f83;animation:svelte-nbr4ym-pulse-expand 2s ease-out infinite}.pulse-ring.delay-1.svelte-nbr4ym.svelte-nbr4ym{animation-delay:.4s}.pulse-ring.delay-2.svelte-nbr4ym.svelte-nbr4ym{animation-delay:.8s}@keyframes svelte-nbr4ym-pulse-expand{0%{transform:scale(.5);opacity:1}to{transform:scale(1.5);opacity:0}}.call-icon.svelte-nbr4ym.svelte-nbr4ym{position:relative;z-index:1;width:60px;height:60px;background:linear-gradient(135deg,#00b894,#00cec9);border-radius:50%;display:flex;align-items:center;justify-content:center}.call-icon.svelte-nbr4ym svg.svelte-nbr4ym{width:30px;height:30px;color:#fff}.call-status.svelte-nbr4ym.svelte-nbr4ym{font-size:1.25rem;font-weight:600;color:#0f8}.call-hint.svelte-nbr4ym.svelte-nbr4ym{color:#fff9;font-size:.9rem;animation:svelte-nbr4ym-fade-pulse 1.5s infinite}@keyframes svelte-nbr4ym-fade-pulse{0%,to{opacity:.6}50%{opacity:1}}.phone-footer.svelte-nbr4ym.svelte-nbr4ym{padding:1.5rem;flex-shrink:0}.btn-call.svelte-nbr4ym.svelte-nbr4ym{width:100%;display:flex;align-items:center;justify-content:center;gap:.75rem;padding:1rem 1.5rem;font-size:1.125rem;font-weight:600;border:none;border-radius:100px;cursor:pointer;transition:all .2s;-webkit-tap-highlight-color:transparent}.btn-call.svelte-nbr4ym svg.svelte-nbr4ym{width:24px;height:24px;flex-shrink:0}.btn-start.svelte-nbr4ym.svelte-nbr4ym{background:linear-gradient(135deg,#00b894,#00cec9);color:#fff;box-shadow:0 4px 20px #00b89466}.btn-start.svelte-nbr4ym.svelte-nbr4ym:not(:disabled):active{transform:scale(.98);box-shadow:0 2px 10px #00b8944d}.btn-start.svelte-nbr4ym.svelte-nbr4ym:disabled{opacity:.4;cursor:not-allowed}.btn-end.svelte-nbr4ym.svelte-nbr4ym{background:linear-gradient(135deg,#ff4757,#ff6b81);color:#fff;box-shadow:0 4px 20px #ff475766}.btn-end.svelte-nbr4ym.svelte-nbr4ym:active{transform:scale(.98)}.ext-selector.svelte-nbr4ym.svelte-nbr4ym{display:flex;flex-direction:column;align-items:center;gap:.4rem;margin-top:.5rem}.ext-label.svelte-nbr4ym.svelte-nbr4ym{font-size:.72rem;text-transform:uppercase;letter-spacing:.08em;color:#fff6}.ext-dropdown-wrap.svelte-nbr4ym.svelte-nbr4ym{position:relative;display:flex;align-items:center}.ext-dropdown.svelte-nbr4ym.svelte-nbr4ym{-moz-appearance:none;appearance:none;-webkit-appearance:none;background:#ffffff14;border:1px solid rgba(255,255,255,.18);border-radius:.6rem;color:#fff;font-size:.9rem;font-weight:500;padding:.55rem 2.2rem .55rem 1rem;cursor:pointer;outline:none;transition:border-color .15s,background .15s;min-width:220px;text-align:center}.ext-dropdown.svelte-nbr4ym.svelte-nbr4ym:focus{border-color:#00ff8880;background:#00ff880f}.ext-dropdown.svelte-nbr4ym option.svelte-nbr4ym{background:#1a1a2e;color:#fff}.ext-chevron.svelte-nbr4ym.svelte-nbr4ym{position:absolute;right:.6rem;width:18px;height:18px;color:#ffffff80;pointer-events:none}.dialpad.svelte-nbr4ym.svelte-nbr4ym{display:flex;flex-direction:column;align-items:center;gap:.75rem;width:100%;max-width:280px}.dtmf-display.svelte-nbr4ym.svelte-nbr4ym{width:100%;text-align:center;font-size:1.5rem;font-family:monospace;letter-spacing:.2em;color:#0f8;background:#00ff8814;border:1px solid rgba(0,255,136,.2);border-radius:.5rem;padding:.4rem 1rem;min-height:2.5rem}.dialpad-grid.svelte-nbr4ym.svelte-nbr4ym{display:grid;grid-template-columns:repeat(3,1fr);gap:.5rem;width:100%}.dialpad-btn.svelte-nbr4ym.svelte-nbr4ym{aspect-ratio:1;background:#ffffff1a;border:1px solid rgba(255,255,255,.15);border-radius:50%;color:#fff;font-size:1.25rem;font-weight:600;cursor:pointer;transition:background .1s,transform .1s;-webkit-tap-highlight-color:transparent;display:flex;align-items:center;justify-content:center;min-height:56px}.dialpad-btn.svelte-nbr4ym.svelte-nbr4ym:active{background:#00ff8840;border-color:#00ff8880;transform:scale(.93)}.dialpad-toggle.svelte-nbr4ym.svelte-nbr4ym{display:flex;align-items:center;gap:.4rem;padding:.4rem 1rem;background:#ffffff14;border:1px solid rgba(255,255,255,.15);border-radius:100px;color:#ffffffb3;font-size:.8rem;cursor:pointer;transition:all .15s;-webkit-tap-highlight-color:transparent;margin-top:.25rem}.dialpad-toggle.svelte-nbr4ym.svelte-nbr4ym:active{background:#ffffff26;transform:scale(.97)}.debug-panel.svelte-nbr4ym.svelte-nbr4ym{position:fixed;bottom:100px;left:10px;right:10px;background:#000000e6;border-radius:8px;padding:8px;font-size:11px;font-family:monospace;max-height:150px;overflow-y:auto;z-index:100}.debug-header.svelte-nbr4ym.svelte-nbr4ym{color:#888;margin-bottom:4px;font-size:10px}.debug-line.svelte-nbr4ym.svelte-nbr4ym{color:#0f0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;padding:2px 0}@media (min-width: 600px){.phone-container.svelte-nbr4ym.svelte-nbr4ym{max-width:400px}.phone-header.svelte-nbr4ym.svelte-nbr4ym{padding-top:2rem}.btn-call.svelte-nbr4ym.svelte-nbr4ym{padding:1.25rem 2rem}}@media (max-height: 500px) and (orientation: landscape){.phone-header.svelte-nbr4ym.svelte-nbr4ym{padding:.5rem}.phone-header.svelte-nbr4ym h1.svelte-nbr4ym{font-size:1.25rem}.subtitle.svelte-nbr4ym.svelte-nbr4ym{display:none}.mic-icon.svelte-nbr4ym.svelte-nbr4ym,.call-animation.svelte-nbr4ym.svelte-nbr4ym{width:60px;height:60px}.call-icon.svelte-nbr4ym.svelte-nbr4ym{width:40px;height:40px}.phone-footer.svelte-nbr4ym.svelte-nbr4ym{padding:.75rem}.btn-call.svelte-nbr4ym.svelte-nbr4ym{padding:.75rem 1.5rem}}