: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}.media-stage{display:grid;gap:.9rem;overflow:hidden;transform-origin:top center;will-change:opacity,clip-path,transform;transition:opacity .22s ease,clip-path .26s cubic-bezier(.22,1,.36,1),transform .26s cubic-bezier(.22,1,.36,1)}.media-stage.is-visible{opacity:1;clip-path:inset(0 0 0 0);transform:none}.media-stage.is-hidden{opacity:0;clip-path:inset(0 0 100% 0);transform:translateY(-.35rem);pointer-events:none}.remote-video-stage{position:relative;overflow:hidden;min-height:clamp(18rem,52vw,27rem);border-radius:1.7rem;border:1px solid color-mix(in srgb,var(--border-subtle) 88%,transparent);background:radial-gradient(circle at top left,color-mix(in srgb,var(--accent) 12%,transparent),transparent 42%),linear-gradient(180deg,color-mix(in srgb,var(--surface-strong) 92%,oklch(.16 .01 250) 8%),color-mix(in srgb,var(--surface-strong) 84%,oklch(.09 .008 250) 16%));box-shadow:inset 0 1px color-mix(in srgb,var(--surface-strong) 75%,transparent),0 1.4rem 3rem color-mix(in srgb,var(--text-primary) 12%,transparent)}.remote-video-stage:after{content:"";position:absolute;inset:auto 0 0;height:30%;background:linear-gradient(180deg,transparent,color-mix(in srgb,var(--page-bg) 26%,transparent));pointer-events:none}.remote-video,.local-video{width:100%;height:100%;object-fit:cover;display:block}.remote-video{position:absolute;inset:0}.remote-video-empty{min-height:inherit;padding:clamp(1.1rem,3vw,1.6rem);display:grid;align-content:end;color:color-mix(in srgb,var(--text-primary) 78%,var(--surface-strong))}.media-kicker{color:var(--text-muted);font-size:.7rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase}.stage-status-bar{position:absolute;top:1rem;left:1rem;z-index:1;display:flex;flex-wrap:wrap;gap:.55rem}.status-pill,.device-pill{border:1px solid color-mix(in srgb,var(--border-subtle) 92%,transparent);background:color-mix(in srgb,var(--surface-strong) 82%,transparent);color:var(--text-primary);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.status-pill{padding:.45rem .7rem;border-radius:999px;font-size:.82rem;font-weight:600}.self-preview{position:absolute;right:1rem;bottom:1rem;z-index:1;overflow:hidden;border-radius:1.35rem;border:1px solid color-mix(in srgb,var(--border-subtle) 88%,transparent);background:linear-gradient(180deg,color-mix(in srgb,var(--surface-strong) 94%,transparent),color-mix(in srgb,var(--page-bg) 76%,transparent));box-shadow:0 1rem 2.5rem color-mix(in srgb,var(--text-primary) 16%,transparent)}.self-preview-meta{position:absolute;inset:auto 0 0;padding:.85rem .9rem .9rem;display:grid;gap:.12rem;background:linear-gradient(180deg,transparent,color-mix(in srgb,var(--page-bg) 72%,transparent))}.local-video{position:absolute;inset:0}.self-preview-meta strong{font-size:.94rem;font-weight:700}.pwa-notice{display:grid;gap:.75rem}.pwa-notice .summary-text{max-width:24rem}.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%}.self-preview{max-width:min(38vw,11rem)}}@media(min-width:960px){.app-shell{width:min(100%,72rem);padding-inline:clamp(1.5rem,4vw,2.75rem)}.call-panel{gap:1.2rem}.summary-text{max-width:24rem}.remote-video-stage{min-height:clamp(28rem,58vw,46rem)}.stage-status-bar{top:1.2rem;left:1.2rem}.self-preview{right:1.2rem;bottom:1.2rem}}@media(max-width:640px){.app-shell{padding:1rem}h1{font-size:1.75rem}.controls{flex-direction:column}.call-controls>button{min-width:100%}.remote-video-stage{min-height:20rem}.self-preview{right:.75rem;bottom:.75rem;max-width:min(42vw,9rem);border-radius:1.15rem}}@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}}