:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#0e0f12;--fg:#e8e8ea;--muted:#8b8d93;--ok:#34c759;--warn:#fc0;--alert:#ff453a}*{box-sizing:border-box;margin:0;padding:0}[hidden]{display:none!important}html,body{height:100%}body{background:var(--bg);color:var(--fg);-webkit-font-smoothing:antialiased;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;overflow:hidden}#app{height:100%;padding:env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left);justify-content:center;align-items:center;display:flex}#app:has([data-room-animal]){background:linear-gradient(rgb(14 15 18/var(--room-scene-overlay-top)), rgb(14 15 18/var(--room-scene-overlay-bottom))), var(--room-scene-image) var(--room-scene-position) / cover no-repeat}[data-room-animal]{--muted:#d5d2c7}.room-screen[data-room-animal]{text-shadow:0 1px 16px #000000a6}.room-screen[data-room-animal] button{text-shadow:none}.join{text-align:center;gap:1rem;max-height:100%;padding:1rem .75rem;display:grid;overflow-y:auto}.join p{color:var(--muted)}.start-screen{width:min(100%,42rem)}.join .how-it-works{min-height:2.75rem;color:var(--fg);margin-top:-.55rem;font-size:.82rem;font-weight:600;text-decoration-color:#555861;transition:color .15s,text-decoration-color .15s}.join .how-it-works:hover,.join .how-it-works:focus-visible{color:#fff;text-decoration-color:currentColor}.join .people-shelf{width:min(100%,31rem);min-height:4.75rem;color:var(--fg);text-align:left;background:#15171b;border:1px solid #343740;border-radius:1rem;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:.75rem;margin:.15rem auto 0;padding:.65rem .7rem;transition:border-color .15s,background .15s,transform .15s;display:grid}.join .people-shelf:hover{background:#191b20;border-color:#50535d;transform:translateY(-2px)}.join .people-shelf:active{transform:scale(.99)}.join .people-shelf:focus-visible{outline:2px solid var(--fg);outline-offset:3px}.people-preview{align-items:center;min-width:3rem;padding-left:.1rem;display:flex}.people-call-symbol{width:2.75rem;height:2.75rem;color:var(--fg);background:#24272d;border:1px solid #454851;border-radius:50%;place-items:center;display:grid}.people-call-symbol svg{fill:currentColor;width:1.15rem}.people-avatar{background:#24272d;border:2px solid #15171b;border-radius:50%;place-items:center;width:2.9rem;height:2.9rem;margin-right:-.65rem;display:grid;overflow:hidden}.people-avatar .sheet-sprite{width:2.7rem;height:2.7rem}.people-shelf-copy{gap:.18rem;min-width:0;display:grid}.people-shelf-copy strong{font-size:.95rem;font-weight:650}.people-shelf-copy>span{color:var(--muted);font-size:.78rem;font-weight:400;line-height:1.35}.people-shelf-action{color:var(--fg);white-space:nowrap;font-size:.78rem;font-weight:650}.calling-screen{width:min(100%,27rem);padding:2rem 1.25rem}.join.calling-screen .calling-back{justify-self:start;padding-left:0}.calling-intro{gap:.45rem;display:grid}.calling-panel{background:#15171b;border:1px solid #2b2d33;border-radius:1.25rem;justify-self:center;gap:.85rem;width:min(100%,24rem);margin-top:.35rem;padding:1rem;display:grid}.calling-loading{place-items:center;min-height:10rem;display:grid}.calling-setup,.pair-form,.invite-setup{text-align:left;grid-template-columns:auto 1fr;align-items:center;gap:.7rem;display:grid}.calling-setup button,.pair-form button,.invite-setup button,.calling-setup h2,.calling-setup .onboarding-step,.pair-form h2,.pair-form .onboarding-step,.invite-setup h2,.invite-setup p,.setup-message,.setup-tip{grid-column:1/-1}.calling-setup input,.calling-setup select,.pair-form input,.pair-form select,.invite-setup input,.invite-setup select{min-width:0;color:var(--fg);background:var(--bg);font:inherit;border:1px solid #3b3d44;border-radius:.7rem;padding:.65rem .75rem}.onboarding-card,.pair-form{background:#15171b;border:1px solid #2b2d33;border-radius:1.25rem;justify-self:center;width:min(100%,24rem);padding:1.15rem}.calling-panel .onboarding-card{background:0 0;border:0;width:100%;padding:0}.onboarding-card h2,.calling-setup h2,.pair-form h2,.invite-setup h2{font-size:1.15rem;line-height:1.25}.onboarding-step{letter-spacing:.1em;text-transform:uppercase;font-size:.72rem;font-weight:700;color:var(--muted)!important}.calling-install,.calling-alerts,.calling-ready,.pair-alerts,.pair-ready{gap:.9rem;display:grid}.calling-setup>button[type=submit],.pair-form>button[type=submit],.invite-setup>button[type=submit],.enable-notifications,.test-notification{min-height:3rem}.install-steps{text-align:left;gap:.9rem;list-style:none;display:grid}.install-steps li{color:var(--fg);grid-template-columns:2rem 1fr;align-items:start;gap:.65rem;line-height:1.45;display:grid}.install-open-safari-step>div,.install-safari-share-step>div{gap:.65rem;min-width:0;display:grid}.step-number{width:1.85rem;height:1.85rem;color:var(--bg);background:var(--fg);border-radius:50%;place-items:center;font-weight:750;display:grid}.share-symbol{vertical-align:middle;border:1px solid #454851;border-radius:.45rem;place-items:center;width:1.75rem;height:1.75rem;margin:0 .15rem;display:inline-grid}.share-symbol svg{fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.8px;width:1.1rem}.join .install-share-button{border-radius:.8rem;justify-content:center;align-items:center;gap:.55rem;width:100%;min-height:3rem;display:flex}.install-share-button .share-symbol{color:var(--bg);border-color:color-mix(in srgb, var(--bg) 45%, transparent)}.install-share-status{text-align:center;min-height:1.25em;font-size:.82rem;color:var(--muted)!important}.join .already-in-safari{color:var(--muted);justify-self:center;padding:.2rem;font-size:.8rem}.browser-toolbar-example{color:var(--muted);text-align:center;background:#101216;border:1px solid #343740;border-radius:.8rem;grid-template-columns:repeat(5,1fr);align-items:center;padding:.75rem;font-size:1.6rem;display:grid}.browser-toolbar-example .toolbar-share{color:var(--fg);border-color:var(--fg);justify-self:center;animation:1.5s ease-in-out infinite share-pulse;box-shadow:0 0 0 .3rem #e8e8ea1a}@keyframes share-pulse{50%{transform:scale(1.12)}}.open-installed-app{text-align:left;border-top:1px solid #2b2d33;grid-template-columns:auto 1fr;align-items:center;gap:.8rem;padding-top:.9rem;display:grid}.mini-app-icon{width:3rem;height:3rem;color:var(--bg);background:var(--fg);border-radius:.75rem;place-items:center;font-size:1.6rem;font-weight:800;display:grid}.install-help{color:var(--muted);text-align:left;font-size:.85rem}.install-help summary{cursor:pointer;text-align:center;text-underline-offset:3px;text-decoration:underline}.install-help p{padding-top:.7rem;line-height:1.45}.alert-symbol,.ready-check{border-radius:50%;justify-self:center;place-items:center;width:3.5rem;height:3.5rem;display:grid}.alert-symbol{color:var(--fg);border:1px solid #41444c;box-shadow:0 0 0 .55rem #e8e8ea0d}.ready-check{color:var(--bg);background:var(--ok);font-size:1.7rem;font-weight:800}.notification-help{background:#ff453a17;border-radius:.75rem;padding:.8rem;font-size:.85rem;line-height:1.45;color:var(--fg)!important}.ready-card .text-button{justify-self:center}.calling-home{gap:.7rem;display:grid}.invite-setup{border-block:1px solid #2b2d33;padding:.8rem 0}.invite-setup p{text-align:center;font-size:.85rem}.contact-list{gap:.55rem;display:grid}.contact{grid-template-columns:1fr auto;align-items:center;gap:.35rem;display:grid}.join .contact-call{color:var(--fg);background:#24272d;justify-content:flex-start;align-items:center;gap:.7rem;padding:.45rem .85rem;display:flex}.contact-mascot .sheet-sprite{width:44px;height:44px;display:block}.calling-actions{flex-wrap:wrap;justify-content:center;gap:.35rem .8rem;display:flex}.join .remove-contact{color:var(--muted);padding:.4rem;font-size:.78rem}.calling-message,.home-message,.test-message,.setup-message{min-height:1.2em;font-size:.85rem}.setup-message{text-align:center}.setup-tip{text-align:center;font-size:.78rem}.error-text{color:var(--alert)!important}.pair-screen{width:min(100%,26rem);padding:2rem 1.25rem}.join.pair-screen .pair-back{justify-self:start;padding-left:0}.mascot{justify-self:center}.sheet-sprite{background-image:var(--walk);background-repeat:no-repeat;background-size:500% 500%;animation:2.1s step-end infinite sheet-walk}.sheet-sprite.idle{background-image:var(--idle)}.sprite-bear{--walk:url(/sprites/bear-walk.webp);--idle:url(/sprites/bear-idle.webp)}.sprite-duck{--walk:url(/sprites/duck-walk.webp);--idle:url(/sprites/duck-idle.webp)}.sprite-elephant{--walk:url(/sprites/elephant-walk.webp);--idle:url(/sprites/elephant-idle.webp)}.sprite-fox{--walk:url(/sprites/fox-walk.webp);--idle:url(/sprites/fox-idle.webp)}.sprite-frog{--walk:url(/sprites/frog-walk.webp);--idle:url(/sprites/frog-idle.webp)}.sprite-lion{--walk:url(/sprites/lion-walk.webp);--idle:url(/sprites/lion-idle.webp)}.sprite-owl{--walk:url(/sprites/owl-walk.webp);--idle:url(/sprites/owl-idle.webp)}.sprite-panda{--walk:url(/sprites/panda-walk.webp);--idle:url(/sprites/panda-idle.webp)}.sprite-penguin{--walk:url(/sprites/penguin-walk.webp);--idle:url(/sprites/penguin-idle.webp)}.sprite-rabbit{--walk:url(/sprites/rabbit-walk.webp);--idle:url(/sprites/rabbit-idle.webp)}.sprite-sloth{--walk:url(/sprites/sloth-walk.webp);--idle:url(/sprites/sloth-idle.webp)}.sprite-turtle{--walk:url(/sprites/turtle-walk.webp);--idle:url(/sprites/turtle-idle.webp)}.mascot .sheet-sprite{width:110px;height:110px}.pair-mascot .sheet-sprite{width:72px;height:72px}.mascot-row .sheet-sprite{width:clamp(100px,28vw,134px);height:clamp(100px,28vw,134px);display:block}.mascot-pick:nth-child(2) .sheet-sprite{animation-delay:-.7s}.mascot-pick:nth-child(3) .sheet-sprite{animation-delay:-1.3s}.mascot-pick:nth-child(4) .sheet-sprite{animation-delay:-.4s}.mascot-pick:nth-child(5) .sheet-sprite{animation-delay:-1.7s}.mascot-pick:nth-child(6) .sheet-sprite{animation-delay:-.9s}.mascot-pick:nth-child(7) .sheet-sprite{animation-delay:-1.5s}.mascot-pick:nth-child(8) .sheet-sprite{animation-delay:-1.1s}.mascot-pick:nth-child(9) .sheet-sprite{animation-delay:-.2s}.mascot-pick:nth-child(10) .sheet-sprite{animation-delay:-1.9s}.mascot-pick:nth-child(11) .sheet-sprite{animation-delay:-.6s}.mascot-pick:nth-child(12) .sheet-sprite{animation-delay:-1s}.mascot-pick:hover .sheet-sprite.idle,.mascot-pick:focus-visible .sheet-sprite.idle{background-image:var(--walk)}@keyframes sheet-walk{0%{background-position:0 0}4%{background-position:25% 0}8%{background-position:50% 0}12%{background-position:75% 0}16%{background-position:100% 0}20%{background-position:0 25%}24%{background-position:25% 25%}28%{background-position:50% 25%}32%{background-position:75% 25%}36%{background-position:100% 25%}40%{background-position:0%}44%{background-position:25%}48%{background-position:50%}52%{background-position:75%}56%{background-position:100%}60%{background-position:0 75%}64%{background-position:25% 75%}68%{background-position:50% 75%}72%{background-position:75% 75%}76%{background-position:100% 75%}80%{background-position:0 100%}84%{background-position:25% 100%}88%{background-position:50% 100%}92%{background-position:75% 100%}96%,to{background-position:100% 100%}}.mascot-row{opacity:0;flex-wrap:wrap;justify-content:center;justify-self:center;gap:.3rem .1rem;max-width:37rem;transition:opacity .6s;display:flex}.mascot-row.ready{opacity:1}@media (prefers-reduced-motion:reduce){.mascot-row,.browser-toolbar-example .toolbar-share,.join .people-shelf,.join .surprise-button,.join .how-it-works{transition:none;animation:none}}@media (width<=25rem){.join .people-shelf{gap:.55rem;padding-inline:.6rem}.people-shelf-action{white-space:normal;text-align:right;max-width:4.5rem}}.join .mascot-pick{cursor:pointer;background:0 0;border:none;border-radius:12px;padding:.2rem .2rem .6rem;transition:transform .15s;position:relative}.join .mascot-pick:after{content:"";background:radial-gradient(#8b8d9329,#0000 70%);border-radius:50%;width:68%;height:9px;position:absolute;bottom:.35rem;left:50%;translate:-50%}.join .mascot-pick:hover,.join .mascot-pick:focus-visible{transform:translateY(-4px)scale(1.08)}.join .hint{letter-spacing:.04em;color:var(--muted);font-size:.85rem}.join .surprise-button{min-height:3rem;color:var(--fg);text-align:left;background:0 0;border:1px solid #343740;align-items:center;gap:.65rem;padding:.45rem 1rem .45rem .7rem;transition:border-color .15s,background .15s,transform .15s;display:flex}.join .surprise-button:hover,.join .surprise-button:focus-visible{background:#15171b;border-color:#555861;transform:translateY(-2px)}.join .surprise-button:focus-visible{outline:2px solid var(--fg);outline-offset:3px}.join .surprise-button:active{transform:scale(.98)}.surprise-symbol{width:2rem;height:2rem;color:var(--bg);background:var(--fg);border-radius:50%;place-items:center;display:grid}.surprise-copy{gap:.08rem;display:grid}.surprise-copy strong{font-size:.84rem;font-weight:650}.surprise-copy>span{color:var(--muted);font-size:.7rem;font-weight:400}.about{gap:1.25rem;width:min(100%,46rem);max-height:100%;padding:2rem 1.25rem 2.5rem;overflow-y:auto}.join.about .back{justify-self:start;min-height:2.75rem;padding-left:0}.about .cta{min-height:3rem}.about-eyebrow{color:var(--muted);letter-spacing:.16em;text-transform:uppercase;font-size:.72rem;font-weight:650}.about h1{letter-spacing:-.04em;justify-self:center;max-width:18ch;font-size:clamp(2rem,7vw,3.4rem);line-height:1.02}.about-lede{justify-self:center;max-width:35rem;font-size:clamp(1rem,2.5vw,1.2rem);line-height:1.5;color:var(--fg)!important}.about-steps{grid-template-columns:repeat(3,minmax(0,1fr));gap:.65rem;width:100%;display:grid}.about-step{text-align:left;background:#14161a;border:1px solid #2d3037;border-radius:1rem;align-content:space-between;gap:1.25rem;min-height:8.5rem;padding:1rem;display:grid}.about-step-number{width:1.7rem;height:1.7rem;color:var(--muted);border:1px solid #41444d;border-radius:50%;place-items:center;font-size:.72rem;font-weight:650;display:grid}.about-step h2{margin-bottom:.28rem;font-size:.96rem;font-weight:650}.about-step p{font-size:.82rem;line-height:1.4}.host-intro{margin-top:.5rem;font-size:.9rem;font-weight:600;color:var(--fg)!important}.about .states{grid-template-columns:repeat(3,minmax(0,1fr));justify-self:center;gap:.75rem;width:100%;margin:.25rem 0;display:grid}.about .state-demo{text-align:center;align-content:start;justify-items:center;gap:.6rem;display:grid}.state-mascot{flex:none;width:64px;height:64px}.state-mascot .sheet-sprite{width:64px;height:64px}.state-mascot.lost{filter:grayscale(.85);opacity:.4}.state-mascot.lost .sheet-sprite{animation-play-state:paused}.state-label{font-size:.95rem;line-height:1.4}.state-label b{color:var(--fg);font-weight:600}@media (width<=40rem){.about{gap:1rem;padding-block:1rem}.about-steps{grid-template-columns:1fr}.about-step{align-items:center;align-content:initial;grid-template-columns:auto 1fr;gap:.8rem;min-height:0;padding:.8rem}.about .states{grid-template-columns:1fr;gap:.55rem}.about .state-demo{text-align:left;grid-template-columns:64px 1fr;place-items:center start;gap:.9rem}}.join .text-button{font:inherit;color:var(--muted);text-underline-offset:3px;cursor:pointer;background:0 0;border:none;justify-self:center;padding:.4rem;font-size:.8rem;text-decoration:underline}.session-mascot{pointer-events:none;transition:opacity .5s,filter .5s;position:absolute;top:7rem;left:50%;translate:-50%}.session-mascot.lost{opacity:.35;filter:grayscale(.85)}.session-mascot .sheet-sprite{width:96px;height:96px;animation:2.1s step-end infinite sheet-walk,9s linear infinite mascot-pace}.session-mascot .sheet-sprite.idle{animation-play-state:running,paused}.session-mascot.lost .sheet-sprite{animation-play-state:paused,paused}@keyframes mascot-pace{0%{transform:translate(-70px)scaleX(1)}49.9%{transform:translate(70px)scaleX(1)}50%{transform:translate(70px)scaleX(-1)}99.9%{transform:translate(-70px)scaleX(-1)}to{transform:translate(-70px)scaleX(1)}}.call-mascot{top:calc(var(--inset-top) + 3.75rem);pointer-events:none;transition:opacity .5s,filter .5s;position:absolute;left:50%;translate:-50%}.call-mascot .sheet-sprite{width:96px;height:96px}.call-mascot .sheet-sprite.idle{animation-play-state:running}.call-mascot.lost{opacity:.35;filter:grayscale(.85)}.call-mascot.lost .sheet-sprite{animation-play-state:paused}.join .room-label{color:var(--muted);font-size:.8rem}.copy-link{font:inherit;color:var(--muted);background:color-mix(in srgb, var(--bg) 60%, transparent);border:1px solid color-mix(in srgb, var(--muted) 40%, transparent);cursor:pointer;overflow-wrap:anywhere;border-radius:999px;max-width:90vw;padding:.4rem .9rem;font-size:.8rem}.join .copy-link{justify-self:center}.session .copy-link{top:calc(var(--inset-top) + 3.75rem);position:absolute;left:50%;transform:translate(-50%)}.join .leave-room{font:inherit;color:var(--muted);text-underline-offset:3px;cursor:pointer;background:0 0;border:none;justify-self:center;font-size:.8rem;text-decoration:underline}.join .error{color:var(--alert);max-width:32ch}.join button{font:inherit;color:var(--bg);background:var(--fg);cursor:pointer;border:none;border-radius:999px;justify-self:center;padding:.75rem 1.5rem;font-weight:600}.join button:disabled{opacity:.5}.session{--inset-top:max(1rem, env(safe-area-inset-top));--inset-bottom:max(1rem, env(safe-area-inset-bottom));--inset-left:max(1rem, env(safe-area-inset-left));--inset-right:max(1rem, env(safe-area-inset-right));position:fixed;inset:0}.remote-video{object-fit:cover;background:var(--bg);opacity:0;width:100%;height:100%;transition:opacity .8s;position:absolute;inset:0}.session[data-call-state=connected] .remote-video{opacity:1}.session[data-call-state=reconnecting] .remote-video{opacity:.35}.call-status{top:calc(var(--inset-top) + 1rem);left:calc(var(--inset-left) + 4.75rem);right:calc(var(--inset-right) + 4.75rem);text-align:center;color:var(--muted);letter-spacing:.05em;font-size:.9rem;line-height:1.4;position:absolute}.mute-toggle,.flip-toggle{bottom:var(--inset-bottom);font:inherit;color:var(--muted);background:color-mix(in srgb, var(--bg) 60%, transparent);border:1px solid color-mix(in srgb, var(--muted) 40%, transparent);cursor:pointer;border-radius:999px;padding:.4rem .9rem;font-size:.8rem;position:absolute}.mute-toggle{right:var(--inset-right)}.flip-toggle{left:50%;transform:translate(-50%)}.flip-toggle:disabled{opacity:.5}.mute-toggle.muted{color:var(--alert);border-color:var(--alert)}.end-call{top:var(--inset-top);left:var(--inset-left);z-index:3;font:inherit;color:var(--alert);background:color-mix(in srgb, var(--bg) 70%, transparent);border:1px solid color-mix(in srgb, var(--alert) 50%, transparent);cursor:pointer;border-radius:999px;padding:.4rem .9rem;font-size:.8rem;position:absolute}.viewfinder{top:calc(var(--inset-top) + 3rem);right:var(--inset-right);aspect-ratio:3/4;object-fit:cover;border:1px solid color-mix(in srgb, var(--muted) 40%, transparent);background:var(--bg);pointer-events:none;z-index:2;border-radius:12px;width:clamp(120px,34vw,200px);position:absolute;box-shadow:0 4px 20px #0006}.debug-readout{left:var(--inset-left);top:calc(var(--inset-top) + 2.5rem);color:var(--muted);font-size:.8rem;position:absolute}.debug-video{border-radius:12px;width:200px;position:absolute;bottom:1rem;right:1rem;transform:scaleX(-1)}