*{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-xzvbjj.svelte-xzvbjj{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-xzvbjj.svelte-xzvbjj{text-align:center;padding:1.5rem 1rem 1rem;flex-shrink:0}.phone-header.svelte-xzvbjj h1.svelte-xzvbjj{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-xzvbjj.svelte-xzvbjj{font-size:.875rem;color:#ffffff80;margin-top:.25rem}.status-bar.svelte-xzvbjj.svelte-xzvbjj{display:flex;align-items:center;justify-content:center;gap:.5rem;padding:.5rem;flex-shrink:0;background:none;border:none;cursor:pointer}.status-dot.svelte-xzvbjj.svelte-xzvbjj{width:8px;height:8px;border-radius:50%;background:gold;animation:svelte-xzvbjj-pulse-dot 2s infinite}.status-dot.connected.svelte-xzvbjj.svelte-xzvbjj{background:#0f8;animation:none}.status-dot.error.svelte-xzvbjj.svelte-xzvbjj{background:#ff4757;animation:none}@keyframes svelte-xzvbjj-pulse-dot{0%,to{opacity:1}50%{opacity:.5}}.status-text.svelte-xzvbjj.svelte-xzvbjj{font-size:.875rem;color:#ffffffb3}.phone-main.svelte-xzvbjj.svelte-xzvbjj{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:1rem;overflow:hidden}.error-box.svelte-xzvbjj.svelte-xzvbjj{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-xzvbjj.svelte-xzvbjj:active{transform:scale(.98)}.error-icon.svelte-xzvbjj.svelte-xzvbjj{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-xzvbjj.svelte-xzvbjj{color:#ff6b7a;font-size:.9rem;text-align:center}.error-action.svelte-xzvbjj.svelte-xzvbjj{color:#ffffff80;font-size:.75rem}.ready-state.svelte-xzvbjj.svelte-xzvbjj,.call-active.svelte-xzvbjj.svelte-xzvbjj{display:flex;flex-direction:column;align-items:center;gap:1rem}.mic-icon.svelte-xzvbjj.svelte-xzvbjj{width:80px;height:80px;background:#ffffff1a;border-radius:50%;display:flex;align-items:center;justify-content:center}.mic-icon.svelte-xzvbjj svg.svelte-xzvbjj{width:40px;height:40px;color:#ffffff80}.ready-text.svelte-xzvbjj.svelte-xzvbjj{font-size:1.25rem;font-weight:500}.ready-hint.svelte-xzvbjj.svelte-xzvbjj{color:#ffffff80;font-size:.875rem}.call-active.svelte-xzvbjj.svelte-xzvbjj{text-align:center}.call-animation.svelte-xzvbjj.svelte-xzvbjj{position:relative;width:120px;height:120px;display:flex;align-items:center;justify-content:center}.pulse-ring.svelte-xzvbjj.svelte-xzvbjj{position:absolute;width:100%;height:100%;border-radius:50%;background:#0f83;animation:svelte-xzvbjj-pulse-expand 2s ease-out infinite}.pulse-ring.delay-1.svelte-xzvbjj.svelte-xzvbjj{animation-delay:.4s}.pulse-ring.delay-2.svelte-xzvbjj.svelte-xzvbjj{animation-delay:.8s}@keyframes svelte-xzvbjj-pulse-expand{0%{transform:scale(.5);opacity:1}to{transform:scale(1.5);opacity:0}}.call-icon.svelte-xzvbjj.svelte-xzvbjj{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-xzvbjj svg.svelte-xzvbjj{width:30px;height:30px;color:#fff}.call-status.svelte-xzvbjj.svelte-xzvbjj{font-size:1.25rem;font-weight:600;color:#0f8}.call-hint.svelte-xzvbjj.svelte-xzvbjj{color:#fff9;font-size:.9rem;animation:svelte-xzvbjj-fade-pulse 1.5s infinite}@keyframes svelte-xzvbjj-fade-pulse{0%,to{opacity:.6}50%{opacity:1}}.phone-footer.svelte-xzvbjj.svelte-xzvbjj{padding:1.5rem;flex-shrink:0}.btn-call.svelte-xzvbjj.svelte-xzvbjj{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-xzvbjj svg.svelte-xzvbjj{width:24px;height:24px;flex-shrink:0}.btn-start.svelte-xzvbjj.svelte-xzvbjj{background:linear-gradient(135deg,#00b894,#00cec9);color:#fff;box-shadow:0 4px 20px #00b89466}.btn-start.svelte-xzvbjj.svelte-xzvbjj:not(:disabled):active{transform:scale(.98);box-shadow:0 2px 10px #00b8944d}.btn-start.svelte-xzvbjj.svelte-xzvbjj:disabled{opacity:.4;cursor:not-allowed}.btn-end.svelte-xzvbjj.svelte-xzvbjj{background:linear-gradient(135deg,#ff4757,#ff6b81);color:#fff;box-shadow:0 4px 20px #ff475766}.btn-end.svelte-xzvbjj.svelte-xzvbjj:active{transform:scale(.98)}.debug-panel.svelte-xzvbjj.svelte-xzvbjj{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-xzvbjj.svelte-xzvbjj{color:#888;margin-bottom:4px;font-size:10px}.debug-line.svelte-xzvbjj.svelte-xzvbjj{color:#0f0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;padding:2px 0}@media (min-width: 600px){.phone-container.svelte-xzvbjj.svelte-xzvbjj{max-width:400px}.phone-header.svelte-xzvbjj.svelte-xzvbjj{padding-top:2rem}.btn-call.svelte-xzvbjj.svelte-xzvbjj{padding:1.25rem 2rem}}@media (max-height: 500px) and (orientation: landscape){.phone-header.svelte-xzvbjj.svelte-xzvbjj{padding:.5rem}.phone-header.svelte-xzvbjj h1.svelte-xzvbjj{font-size:1.25rem}.subtitle.svelte-xzvbjj.svelte-xzvbjj{display:none}.mic-icon.svelte-xzvbjj.svelte-xzvbjj,.call-animation.svelte-xzvbjj.svelte-xzvbjj{width:60px;height:60px}.call-icon.svelte-xzvbjj.svelte-xzvbjj{width:40px;height:40px}.phone-footer.svelte-xzvbjj.svelte-xzvbjj{padding:.75rem}.btn-call.svelte-xzvbjj.svelte-xzvbjj{padding:.75rem 1.5rem}}