@import"https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600&family=Libre+Caslon+Display&display=swap";:root{color:#f8f3e9;background:#000;font-family:DM Sans,Arial,sans-serif;font-synthesis:none;text-rendering:optimizeLegibility}*{box-sizing:border-box}html,body{width:100%;min-width:320px;height:100%;margin:0;overflow:hidden;background:#000}body{display:grid;place-items:center}button{color:inherit;font:inherit}[hidden]{display:none!important}.luma-frame{position:relative;isolation:isolate;width:min(100vw,56.25vh);height:min(100vh,177.7778vw);overflow:hidden;background:radial-gradient(circle at 50% 42%,rgba(37,65,75,.34),transparent 38%),linear-gradient(180deg,#081114,#020607 58%,#000);aspect-ratio:9 / 16}.luma-frame:before{position:absolute;z-index:1;inset:1.4%;border:1px solid rgba(180,215,215,.14);border-radius:999px 999px 40px 40px;box-shadow:inset 0 0 160px #477d860d;content:"";pointer-events:none}.luma-frame.in-call:before{opacity:0}.video-layer{position:absolute;z-index:0;inset:0;background:#000;opacity:0;transition:opacity .8s ease}.pal-visible .video-layer{opacity:1}#pal-video{width:100%;height:100%;background:#000;filter:contrast(1.06) saturate(1.03)}.video-shade{position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,.3),transparent 16%,transparent 75%,rgba(0,0,0,.72)),linear-gradient(90deg,rgba(0,0,0,.14),transparent 9%,transparent 91%,rgba(0,0,0,.14));pointer-events:none}.welcome{position:absolute;z-index:2;inset:0;display:flex;flex-direction:column;justify-content:flex-end;padding:11% 9% 10%}.eyebrow{margin:0 0 1.8rem;color:#83bcc2;font-size:clamp(.7rem,1.4vh,1.15rem);font-weight:600;letter-spacing:.19em;line-height:1.4;text-transform:uppercase}h1{max-width:8ch;margin:0;color:#f7f0e3;font-family:Libre Caslon Display,Georgia,serif;font-size:clamp(4rem,10.4vh,9.5rem);font-weight:400;letter-spacing:-.055em;line-height:.82}h1 span{color:#c7e4e2}.intro{max-width:29rem;margin:3.5vh 0 0;color:#f3f0e9b3;font-size:clamp(.9rem,1.7vh,1.45rem);line-height:1.65}.start-button{display:flex;align-items:center;justify-content:space-between;width:100%;min-height:clamp(4.5rem,8vh,7rem);margin-top:4vh;padding:0 clamp(1.5rem,4vw,3.4rem);border:1px solid rgba(203,232,230,.45);border-radius:999px;background:#82bbc021;box-shadow:0 12px 80px #2e717726;font-size:clamp(.95rem,1.7vh,1.5rem);font-weight:600;letter-spacing:.04em;cursor:pointer;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);transition:background .18s ease,transform .18s ease}.start-button:hover,.start-button:focus-visible{background:#82bbc040;outline:2px solid #add5d5;outline-offset:4px;transform:translateY(-2px)}.start-button:disabled{cursor:wait;opacity:.55}.start-button svg{width:1.55em;fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.5}.permission-note{margin:1.7vh 0 0;color:#f3f0e961;font-size:clamp(.65rem,1.2vh,1rem);text-align:center}.loading,.error-panel{position:absolute;z-index:3;inset:0;display:flex;align-items:center;flex-direction:column;justify-content:center;padding:12%;background:#000;text-align:center}.orb{width:clamp(5rem,12vh,10rem);height:clamp(5rem,12vh,10rem);border:1px solid rgba(161,218,220,.4);border-radius:50%;background:radial-gradient(circle at 40% 36%,#93c8c8,#234a50 38%,#020707 72%);box-shadow:0 0 80px #63bbbf33,inset -20px -24px 44px #000000b3;animation:breathe 2.2s ease-in-out infinite}.loading p{margin:3vh 0 0;color:#f6f3ebb8;font-size:clamp(.85rem,1.6vh,1.35rem);letter-spacing:.08em}.error-panel h2{max-width:10ch;margin:0;font-family:Libre Caslon Display,Georgia,serif;font-size:clamp(2.8rem,6vh,5.5rem);font-weight:400;line-height:1}.error-panel>p:not(.eyebrow){max-width:28rem;margin:2.5vh 0;color:#f6f3eba1;line-height:1.6}.retry-button{min-height:3.5rem;padding:0 2.5rem;border:1px solid rgba(203,232,230,.45);border-radius:999px;background:#82bbc024;cursor:pointer}.identity{position:absolute;z-index:4;top:max(3.5%,env(safe-area-inset-top));left:6%;display:flex;align-items:center;gap:.85rem;padding:.85rem 1.1rem;border:1px solid rgba(255,255,255,.12);border-radius:999px;background:#0000006b;opacity:0;transform:translateY(-10px);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);transition:opacity .3s ease,transform .3s ease}.controls-visible .identity,.controls-visible .call-controls{opacity:1;transform:translateY(0)}.live-dot{width:.55rem;height:.55rem;border-radius:50%;background:#8cd9ca;box-shadow:0 0 14px #8cd9ca}.identity div{display:flex;flex-direction:column}.identity strong{font-size:clamp(.75rem,1.35vh,1.15rem);font-weight:600}.identity small{margin-top:.15rem;color:#ffffff8f;font-size:clamp(.58rem,1vh,.85rem)}.call-controls{position:absolute;z-index:4;right:6%;bottom:max(4.5%,env(safe-area-inset-bottom));left:6%;display:grid;grid-template-columns:auto 1fr;gap:.75rem;opacity:0;transform:translateY(14px);transition:opacity .3s ease,transform .3s ease}.control-button,.end-button{min-height:clamp(3.7rem,6.7vh,5.6rem);border:1px solid rgba(255,255,255,.16);border-radius:999px;background:#0000009e;cursor:pointer;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}.control-button{width:clamp(3.7rem,6.7vh,5.6rem);padding:1rem}.control-button svg{width:100%;fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.6}.mic-off,.control-button.is-muted .mic-on{display:none}.control-button.is-muted .mic-off{display:block}.end-button{border-color:#ff998840;background:#5a1610b8;color:#ffd9d2;font-size:clamp(.8rem,1.35vh,1.15rem);font-weight:600}.resolution-mark{position:absolute;z-index:2;top:3%;right:4%;color:#b1d9da42;font-size:clamp(.45rem,.75vh,.68rem);letter-spacing:.12em;text-transform:uppercase}.in-call .resolution-mark{display:none}@keyframes breathe{0%,to{opacity:.75;transform:scale(.95)}50%{opacity:1;transform:scale(1.04)}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}