:root{color-scheme:light dark;font-family:Avenir Next,Segoe UI,Helvetica Neue,sans-serif;--page-bg: oklch(.95 .004 260);--surface: transparent;--surface-strong: oklch(.985 .004 260);--border-subtle: oklch(.78 .008 260 / .58);--text-primary: oklch(.24 .008 260);--text-secondary: oklch(.46 .006 260);--text-muted: oklch(.56 .005 260);--accent: oklch(.45 .13 148);--danger: oklch(.54 .16 20);--danger-soft: oklch(.93 .035 18);--button-bg: oklch(.97 .004 260);--button-border: oklch(.68 .008 260);--button-text: var(--text-primary);--button-primary-bg: var(--accent);--button-primary-border: var(--accent);--button-primary-text: oklch(.96 .01 145);--button-danger-bg: oklch(.95 .025 18);--button-danger-border: oklch(.77 .06 18);--button-danger-text: oklch(.41 .13 18);--button-disabled-bg: oklch(.93 .003 260);--button-disabled-border: oklch(.84 .006 260);--button-disabled-text: oklch(.63 .004 260);--focus-ring: oklch(.52 .1 148);background:var(--page-bg);color:var(--text-primary)}@media(prefers-color-scheme:dark){:root{--page-bg: oklch(.14 .004 260);--surface: transparent;--surface-strong: oklch(.22 .004 260);--border-subtle: oklch(.42 .008 260 / .78);--text-primary: oklch(.94 .004 260);--text-secondary: oklch(.77 .006 260);--text-muted: oklch(.66 .005 260);--accent: oklch(.72 .11 148);--danger: oklch(.72 .12 18);--danger-soft: oklch(.27 .04 18);--button-bg: oklch(.22 .004 260);--button-border: oklch(.41 .008 260);--button-text: var(--text-primary);--button-primary-bg: var(--accent);--button-primary-border: var(--accent);--button-primary-text: oklch(.2 .02 145);--button-danger-bg: oklch(.28 .045 18);--button-danger-border: oklch(.43 .055 18);--button-danger-text: oklch(.87 .03 18);--button-disabled-bg: oklch(.2 .003 260);--button-disabled-border: oklch(.31 .006 260);--button-disabled-text: oklch(.54 .004 260);--focus-ring: oklch(.74 .1 148)}}*{box-sizing:border-box}html{background:var(--page-bg)}body{margin:0;min-width:320px;min-height:100vh;background:linear-gradient(180deg,color-mix(in srgb,var(--page-bg) 96%,oklch(.2 .01 260) 4%),var(--page-bg));color:var(--text-primary)}body,button,input,textarea,select{font:inherit}button,input,textarea,select{border-radius:.95rem}button{min-height:3rem;padding:.8rem 1.2rem;display:inline-flex;align-items:center;justify-content:center;gap:.5rem;position:relative;border:1px solid var(--button-border);background:var(--button-bg);color:var(--button-text);font-size:.98rem;font-weight:600;letter-spacing:.01em;cursor:pointer;transition:transform .14s ease,border-color .14s ease,background-color .14s ease,color .14s ease}button:hover:not(:disabled){transform:translateY(-1px);border-color:color-mix(in srgb,var(--button-border) 78%,var(--text-primary))}button:focus-visible,input:focus-visible{outline:3px solid var(--focus-ring);outline-offset:2px}button:disabled{border-color:var(--button-disabled-border);background:var(--button-disabled-bg);color:var(--button-disabled-text);cursor:not-allowed;box-shadow:none}input{width:100%;min-height:3rem;border:1px solid var(--border-subtle);padding:.85rem 1rem;background:var(--surface-strong);color:var(--text-primary)}input[readonly]{color:var(--text-secondary)}#root{min-height:100vh}.app-shell{width:min(100%,34rem);margin:0 auto;padding:clamp(1.25rem,4vw,3rem) clamp(1rem,4vw,1.5rem)}.call-panel{display:grid;gap:1rem;padding:0;border:0;background:transparent}.incoming-call{border:0}.panel-header{display:grid;gap:.45rem}h1,p{margin:0}h1{font-size:clamp(1.6rem,5vw,2rem);line-height:1.05;font-weight:700;letter-spacing:-.02em}.summary-text{max-width:18rem;color:var(--text-secondary);font-size:.94rem;line-height:1.45}.invite-strip,.actions-panel{display:contents}.share-link{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:.75rem;align-items:end}.share-link-field{display:grid;gap:.4rem}.share-link-field span{color:var(--text-muted);font-size:.72rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase}.controls{display:flex;flex-wrap:wrap;gap:.65rem}.utility-controls{padding-top:.15rem}.call-controls{width:100%}.call-controls>button{min-width:100%}.success-button{border-color:var(--button-primary-border);background:var(--button-primary-bg);color:var(--button-primary-text)}.success-button:hover:not(:disabled){border-color:color-mix(in srgb,var(--accent) 88%,white 12%);background:color-mix(in srgb,var(--accent) 92%,white 8%)}.ringing-action{isolation:isolate}.ringing-action:after{content:"";position:absolute;inset:-.35rem;border-radius:inherit;border:1px solid color-mix(in srgb,var(--accent) 72%,transparent);opacity:0;pointer-events:none;transform:scale(.96);animation:incoming-ring 1.8s cubic-bezier(.22,1,.36,1) infinite}.ringing-action:before{content:"";position:absolute;inset:0;border-radius:inherit;box-shadow:0 0 color-mix(in srgb,var(--accent) 26%,transparent);opacity:0;pointer-events:none;animation:incoming-ring-core 1.8s cubic-bezier(.22,1,.36,1) infinite}.danger-button{border-color:var(--button-danger-border);background:var(--button-danger-bg);color:var(--button-danger-text)}.error-text{padding:.8rem .9rem;border:1px solid color-mix(in srgb,var(--danger) 28%,var(--border-subtle));border-radius:.95rem;background:var(--danger-soft);color:var(--danger);line-height:1.5}.hidden-audio{display:none}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@keyframes incoming-ring{0%{opacity:0;transform:scale(.96)}18%{opacity:.85}to{opacity:0;transform:scale(1.16)}}@keyframes incoming-ring-core{0%,to{opacity:0;transform:scale(1)}16%{opacity:1;transform:scale(1)}42%{opacity:.28;transform:scale(1.03)}to{opacity:0;transform:scale(1.06)}}@media(max-width:820px){.share-link{grid-template-columns:1fr}.share-link button,.controls>button{width:100%}}@media(max-width:640px){.app-shell{padding:1rem}h1{font-size:1.75rem}.controls{flex-direction:column}.call-controls>button{min-width:100%}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition-duration:.01ms!important;scroll-behavior:auto!important}.ringing-action:before,.ringing-action:after{animation:none!important;opacity:0}}
