:root{font-family:-apple-system,BlinkMacSystemFont,SF Pro Text,Segoe UI,system-ui,sans-serif;--brand-blue: #2c82f9;--brand-blue-dark: #005cdd;--brand-cyan: #24f7dc;--fg: #ffffff;--fg-muted: #a1a1aa;--danger: #ef4444;--danger-light: #fca5a5;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-text-size-adjust:100%}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html,body{height:100%;overflow:hidden;overscroll-behavior:none;-webkit-overflow-scrolling:touch;position:fixed;width:100%}body{margin:0;background:transparent;color:var(--fg);font-family:inherit}#app{width:100%;height:100%;display:flex;align-items:center;justify-content:center}.rr-call-widget{display:inline-flex;flex-direction:column;align-items:center;gap:12px;padding:8px 0;background:transparent;position:relative}.rr-visualizer-canvas{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:800px;height:400px;display:block;pointer-events:none;z-index:0}.rr-status-column{display:flex;flex-direction:column;align-items:center;gap:4px;min-width:140px}.rr-call-button{position:relative;z-index:1;display:inline-flex;align-items:center;justify-content:center;width:125px;height:125px;border-radius:50%;border:4px solid rgba(44,130,249,.6);background:transparent;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);overflow:visible;cursor:pointer;padding:0;outline:none;-webkit-tap-highlight-color:transparent;transition:transform .15s ease,border-color .15s ease;box-shadow:0 0 100px #2c82f9cc}.rr-icon{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:1;display:inline-flex;align-items:center;justify-content:center;transition:opacity .15s ease,transform .15s ease}.rr-icon-svg{width:48px;height:48px;stroke:#fff;fill:none}.rr-icon-hang{opacity:0;transform:translate(-50%,-50%) scale(.8)}.rr-icon-call{opacity:1;transform:translate(-50%,-50%) scale(1)}.rr-call-button.is-active .rr-icon-call{opacity:0;transform:translate(-50%,-50%) scale(.8)}.rr-call-button.is-active .rr-icon-hang{opacity:1;transform:translate(-50%,-50%) scale(1)}@media(hover:hover){.rr-call-button:not(.is-disabled):hover{transform:translateY(-2px) scale(1.05);border-color:#2c82f9}}.rr-call-button:active:not(.is-disabled){transform:translateY(0) scale(.95)}.rr-call-button.is-active{border-color:#2c82f980}.rr-call-button.is-disabled{cursor:not-allowed;opacity:.6}.rr-status-pill{display:inline-flex;align-items:center;justify-content:center;padding:4px 12px;border-radius:999px;font-family:monospace;font-size:12px;font-weight:500;letter-spacing:.04em;text-transform:uppercase;color:var(--brand-cyan);border:1px solid rgba(36,247,220,.8);background:transparent;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);min-height:22px;margin-bottom:-22px}.rr-status-pill.is-active{color:#0f172a;background:var(--brand-cyan);border-color:var(--brand-cyan)}.rr-error-text{font-size:12px;font-weight:500;color:var(--danger-light);min-height:1.2em;max-width:260px}@media(prefers-reduced-motion:reduce){.rr-call-button,.rr-icon-svg{transition:none}}@media(max-width:820px){.rr-visualizer-canvas{width:600px;height:300px}.rr-call-button{width:100px;height:100px;border-width:3px}.rr-icon{width:48px;height:48px}.rr-status-pill{font-size:11px;padding:4px 10px}.rr-error-text{font-size:11px;max-width:200px}}@media(max-width:480px){.rr-visualizer-canvas{width:480px;height:240px}.rr-call-button{width:90px;height:90px}.rr-icon{width:36px;height:36px}}