:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--paper:#f3f0e8;--ink:#171714;--quiet:#77736b;--orange:#ff5c35;--blue:#4973ff;font-family:Helvetica Neue,Helvetica,Arial,sans-serif}*{box-sizing:border-box}html,body{background:var(--paper);width:100%;min-width:320px;min-height:100%;margin:0}body{color:var(--ink);overflow:hidden}button{font:inherit}.call-screen{isolation:isolate;place-items:center;width:100%;min-height:100svh;display:grid;position:relative;overflow:hidden}.call-screen:before{z-index:-2;content:"";background:radial-gradient(circle at 12% 12%,#4973ff1a,#0000 32%),radial-gradient(circle at 88% 88%,#ff5c351a,#0000 34%);position:absolute;inset:0}.call-screen:after{z-index:-1;opacity:.24;content:"";pointer-events:none;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 160 160' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.12'/%3E%3C/svg%3E");position:absolute;inset:0}.settings-trigger{color:var(--quiet);cursor:pointer;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#f3f0e8b8;border:1px solid #17171424;border-radius:999px;align-items:center;gap:7px;padding:9px 12px;transition:color .16s,border-color .16s,background .16s;display:flex;position:absolute;top:clamp(19px,4vw,43px);right:clamp(20px,5vw,52px)}.settings-trigger:hover,.settings-trigger[aria-expanded=true]{color:var(--ink);background:#ffffff8c;border-color:#17171447}.settings-trigger:focus-visible,.settings-panel button:focus-visible,.skip-control:focus-visible{outline:3px solid var(--blue);outline-offset:3px}.settings-trigger svg{width:15px;height:15px}.settings-panel{z-index:3;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#faf8f2f0;border:1px solid #1717141f;border-radius:18px;width:min(360px,100vw - 40px);padding:18px;position:absolute;top:clamp(66px,9vw,96px);right:clamp(20px,5vw,52px);box-shadow:0 22px 70px #17171424}.settings-panel-heading{justify-content:space-between;align-items:center;display:flex}.settings-panel-heading h2{letter-spacing:-.02em;margin:0;font-size:14px;font-weight:650}.settings-panel-heading button{width:30px;height:30px;color:var(--quiet);cursor:pointer;background:0 0;border:0;border-radius:50%;place-items:center;padding:0;display:grid}.settings-panel-heading button:hover{color:var(--ink);background:#1717140f}.settings-panel-heading svg{width:17px;height:17px}.backend-picker{background:#1717140f;border-radius:10px;grid-template-columns:repeat(3,1fr);gap:3px;margin-top:14px;padding:3px;display:grid}.backend-picker button{color:var(--quiet);cursor:pointer;background:0 0;border:0;border-radius:8px;padding:8px 10px;font-size:12px;font-weight:650}.backend-picker button:hover{color:var(--ink)}.backend-picker button[aria-pressed=true]{color:var(--ink);background:#ffffffb8;box-shadow:0 1px 4px #17171414}.settings-panel>p{color:var(--quiet);margin:12px 2px 0;font-size:12px;line-height:1.45}.call-control{color:inherit;cursor:pointer;background:0 0;border:0;flex-direction:column;align-items:center;padding:0;transition:transform .18s,opacity .18s;display:flex;transform:translateY(-24px)}.call-control:hover:not(:disabled){transform:translateY(-24px)scale(1.025)}.call-control:active:not(:disabled){transform:translateY(-24px)scale(.98)}.call-control:focus-visible{outline:none}.call-control:focus-visible .presence-face{box-shadow:0 0 0 4px var(--paper), 0 0 0 7px var(--blue), 0 14px 50px #17171424}.call-control:disabled{cursor:wait}.presence{aspect-ratio:1;place-items:center;width:clamp(150px,23vw,220px);display:grid;position:relative}.signal{border-radius:50%;transition:opacity 90ms linear,transform 90ms linear;position:absolute;inset:11%}.signal-you{background:var(--blue);filter:blur(20px)}.signal-them{background:var(--orange);filter:blur(25px);inset:2%}.presence-face{aspect-ratio:1;width:62%;color:var(--paper);background:var(--ink);border-radius:50%;place-items:center;transition:background .25s,transform .25s;display:grid;position:relative;box-shadow:0 14px 50px #17171424}.presence-face>*{grid-area:1/1;transition:opacity .18s,transform .18s}.control-mic{opacity:1;stroke-width:2px;width:24%;height:24%}.face-eyes{opacity:0;justify-content:space-between;align-items:center;width:42%;display:flex}.face-eyes i{aspect-ratio:1;background:var(--paper);border-radius:50%;width:19%}.control-hangup{opacity:0;stroke-width:2px;width:25%;height:25%;transform:scale(.7)}.call-screen[data-state=connecting] .presence-face{animation:.9s ease-in-out infinite alternate searching}.call-screen[data-state=live] .presence-face{background:var(--orange);transform:scale(1.04)}.call-control[data-live=true] .control-mic{opacity:0;transform:scale(.7)}.call-control[data-live=true] .face-eyes{opacity:1}.call-control[data-live=true]:hover .face-eyes,.call-control[data-live=true]:focus-visible .face-eyes{opacity:0;transform:scale(.7)}.call-control[data-live=true]:hover .control-hangup,.call-control[data-live=true]:focus-visible .control-hangup{opacity:1;transform:scale(1)}.call-control[data-live=true]:hover .presence-face,.call-control[data-live=true]:focus-visible .presence-face{background:#d94727;transform:scale(1.08)}.call-screen[data-state=error] .presence-face{background:#8d8981}.call-copy{text-align:center;margin-top:25px}.call-copy strong{letter-spacing:-.06em;margin:0;font-size:clamp(31px,5vw,54px);font-weight:500;line-height:1;display:block}.call-copy>span{color:var(--quiet);margin-top:12px;font-size:14px;display:block}.skip-control{color:var(--ink);cursor:pointer;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#faf8f2c2;border:1px solid #17171424;border-radius:999px;align-items:center;gap:8px;padding:11px 16px;transition:color .16s,border-color .16s,background .16s,transform .16s;display:flex;position:absolute;bottom:clamp(30px,7vh,72px);box-shadow:0 8px 28px #17171414}.skip-control:hover{color:#fff;background:var(--ink);border-color:#0000;transform:translateY(-2px)}.skip-control svg{width:16px;height:16px}@keyframes searching{0%{transform:translate(-8px)rotate(-5deg)}to{transform:translate(8px)rotate(5deg)}}@media (max-height:620px){.call-control{transform:translateY(-42px)scale(.82)}.call-control:hover:not(:disabled){transform:translateY(-42px)scale(.84)}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}