:root{--sans:system-ui, "Segoe UI", Roboto, sans-serif;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}html,body,#root{background:#000;width:100%;height:100%;margin:0}.call-container{background:#000;position:fixed;inset:0}.access-screen{color:#fff;min-height:100vh;font-family:var(--sans);background:#000;justify-content:center;align-items:flex-end;padding:24px 24px clamp(44px,11vh,104px);display:flex;position:fixed;inset:0;overflow:hidden}.access-background{z-index:0;opacity:.72;position:absolute;inset:0}.access-screen:after{z-index:1;pointer-events:none;content:"";background:radial-gradient(circle at 50% 65%,#0000002e,#000000bd 68%),linear-gradient(#0000002e,#000000c7);position:absolute;inset:0}.access-panel{z-index:2;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#000000a8;border:1px solid #ffffff24;border-radius:8px;gap:12px;width:min(100%,340px);padding:18px;display:grid;position:relative;box-shadow:0 18px 56px #0000007a}.access-eyebrow{color:#ccff01;font-family:var(--mono);text-transform:uppercase;margin:0 0 6px;font-size:12px}.access-panel h1{margin:0;font-size:21px;font-weight:620}.access-panel label{color:#ffffffc7;gap:8px;font-size:14px;display:grid}.access-panel .name-field{color:#fff;font-size:13px;font-weight:650}.access-panel input{color:#fff;min-height:40px;font:inherit;background:#ffffff14;border:1px solid #ffffff2e;border-radius:6px;outline:none;padding:0 12px}.access-panel .name-field input{background:#ffffff24;border-color:#ffffff6b;min-height:44px;font-size:16px}.access-panel input:focus{border-color:#ccff01;box-shadow:0 0 0 3px #ccff0129}.access-panel button[type=submit]{color:#000;cursor:pointer;min-height:40px;font:inherit;background:#ccff01;border:0;border-radius:6px;font-weight:700}.access-panel button[type=submit]:disabled{cursor:not-allowed;opacity:.55}.staff-code-toggle{color:#ffffff75;cursor:pointer;width:fit-content;min-height:0;font:inherit;text-align:left;background:0 0;border:0;padding:0;font-size:13px}.staff-code-toggle:hover,.staff-code-toggle:focus{color:#ffffffbd;outline:none}.access-error{color:#ffb4a8;margin:0;font-size:14px}.join-error{color:#fff;font-family:var(--sans);text-align:center;background:#000;justify-content:center;align-items:center;padding:24px;display:flex;position:fixed;inset:0}.join-curtain{z-index:var(--join-curtain-z,100);color:#000;font-family:var(--sans);pointer-events:all;background:0 0;place-items:center;display:grid;position:fixed;inset:0;overflow:hidden}.join-curtain__stairs{z-index:0;background:0 0;grid-template-columns:repeat(8,minmax(0,1fr));display:grid;position:absolute;inset:0}.join-curtain__stair{background:var(--join-curtain-bg,#cbff04);will-change:transform;transform:translateY(-100%)}.join-curtain--entering .join-curtain__stair{animation:stair-cover calc(var(--join-curtain-duration,1s) * .62) cubic-bezier(.76, 0, .24, 1) forwards;animation-delay:calc(var(--stair-distance-from-center) * 55ms)}.join-curtain--revealing .join-curtain__stair{animation:stair-reveal var(--join-curtain-duration,1s) cubic-bezier(.76, 0, .24, 1) forwards;animation-delay:calc(var(--stair-distance-from-center) * 70ms);transform:translateY(0)}.join-curtain__text{z-index:1;color:#000;font-family:var(--mono);letter-spacing:0;text-align:center;animation:.36s ease-out both curtain-text-in;animation-delay:var(--join-curtain-text-delay,.65s);margin:0;font-size:clamp(16px,3.2vw,36px);font-weight:700;position:relative;transform:translateY(0)}.join-curtain--revealing .join-curtain__text{animation:.26s ease-in forwards curtain-text-out}@keyframes stair-cover{0%{transform:translateY(-100%)}to{transform:translateY(0)}}@keyframes stair-reveal{0%{transform:translateY(0)}to{transform:translateY(-100%)}}@keyframes curtain-text-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes curtain-text-out{to{opacity:0;transform:translateY(-8px)}}@media (prefers-reduced-motion:reduce){.join-curtain__stair,.join-curtain__text{animation-duration:1ms!important;animation-delay:0s!important}}.sphere-root{--radius:1000px;--circ:calc(var(--radius) * 3.14);--rot-y:calc((360deg / var(--segments-x)) / 2);--rot-x:calc((360deg / var(--segments-y)) / 2);--item-width:calc(var(--circ) / var(--segments-x));--item-height:calc(var(--circ) / var(--segments-y));width:100%;height:100%;position:relative}.sphere-root *{box-sizing:border-box}.sphere,.item,.item__image{transform-style:preserve-3d}main.sphere-main{touch-action:none;-webkit-user-select:none;user-select:none;background:0 0;place-items:center;display:grid;position:absolute;inset:0;overflow:hidden}.stage{width:100%;height:100%;perspective:calc(var(--radius) * 2);perspective-origin:50%;contain:layout paint size;place-items:center;display:grid}.sphere{transform:translateZ(calc(var(--radius) * -1));will-change:transform}.overlay,.overlay--blur{z-index:3;pointer-events:none;margin:auto;position:absolute;inset:0}.overlay{background-image:radial-gradient(#ebebeb00 52%, var(--overlay-blur-color,#000) 94%)}.overlay--blur{-webkit-mask-image:radial-gradient(#ebebeb00 64%, var(--overlay-blur-color,#000) 90%);-webkit-mask-image:radial-gradient(#ebebeb00 64%, var(--overlay-blur-color,#000) 90%);mask-image:radial-gradient(#ebebeb00 64%, var(--overlay-blur-color,#000) 90%);-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.item{width:calc(var(--item-width) * var(--item-size-x));height:calc(var(--item-height) * var(--item-size-y));transform-origin:50%;backface-visibility:hidden;transform:rotateY(calc(var(--rot-y) * (var(--offset-x) + ((var(--item-size-x) - 1) / 2)))) rotateX(calc(var(--rot-x) * (var(--offset-y) - ((var(--item-size-y) - 1) / 2)))) translateZ(var(--radius));margin:auto;position:absolute;inset:-999px}.item__image{backface-visibility:hidden;pointer-events:none;background:0 0;border-radius:12px;display:block;position:absolute;inset:10px;overflow:hidden;transform:translateZ(0)}.item__image img{object-fit:cover;pointer-events:none;backface-visibility:hidden;width:100%;height:100%;filter:var(--image-filter,none)}.edge-fade{z-index:5;pointer-events:none;background:linear-gradient(to bottom, transparent, var(--overlay-blur-color,#000));height:120px;position:absolute;left:0;right:0}.edge-fade--top{top:0;transform:rotate(180deg)}.edge-fade--bottom{bottom:0}
