.qalks-access-intro{--access-bg:#080d18;--access-ink:#edf2f7;--access-muted:#91a0b9;--access-line:#263348;--access-panel:#111a2b;--access-glow:#006bff40;--access-depth:#063981;background:radial-gradient(ellipse at 50% 47%,var(--access-glow),transparent 60%),var(--access-bg);min-height:max(100svh,560px);color:var(--access-ink);place-items:center;font-family:Inter,system-ui,sans-serif;display:grid;position:relative;overflow:hidden}.qalks-access-intro[data-theme=day]{--access-bg:#f4f7fc;--access-ink:#111b2b;--access-muted:#52637e;--access-line:#cdd9eb;--access-panel:#fff;--access-glow:#0676ff20;--access-depth:#0a397b}.qalks-access-intro button,.qalks-access-intro input,.qalks-access-intro a{font:inherit}:is(.qalks-access-intro button:focus-visible,.qalks-access-intro input:focus-visible,.qalks-access-intro a:focus-visible){outline-offset:4px;outline:3px solid #51a5ff}.qalks-access-intro .access-theme-toggle{z-index:5;width:44px;height:44px;color:var(--access-muted);background:0 0;border:0;border-radius:50%;place-items:center;padding:0;transition:color .2s,background .2s;display:grid;position:absolute;top:22px;right:24px}.qalks-access-intro .access-theme-toggle:hover{color:var(--access-ink);background:var(--access-panel)}.access-theme-toggle svg{stroke-width:1.7px;width:20px;height:20px}.access-grid{opacity:.16;background-image:linear-gradient(var(--access-line) 1px,transparent 1px),linear-gradient(90deg,var(--access-line) 1px,transparent 1px);pointer-events:none;background-size:68px 68px;position:absolute;inset:0;-webkit-mask-image:radial-gradient(#000,#0000 68%);mask-image:radial-gradient(#000,#0000 68%)}.access-stage{--intro-scale:1.45;--settled-y:-95px;--settled-scale:.68;perspective:1300px;place-items:center;width:min(82vw,970px);height:330px;display:grid;position:relative}.access-playing .access-stage{animation:3.4s cubic-bezier(.32,0,.2,1) both qalks-access-framing}.access-sculpture{aspect-ratio:1253/324;width:100%;transform-style:preserve-3d;text-align:center;font-size:clamp(44px,10vw,100px);font-weight:700;position:relative;transform:rotateX(0)rotateY(0)}.access-playing .access-sculpture{animation:3.4s cubic-bezier(.32,0,.2,1) both qalks-access-camera}.access-sculpture svg{-webkit-backface-visibility:hidden;backface-visibility:hidden;width:100%;height:100%;position:absolute;overflow:visible}.access-sculpture .access-depth{transform:translateZ(var(--z));pointer-events:none}.access-depth g{fill:var(--access-depth)!important}.access-sculpture g[id]{transform-box:fill-box;transform-origin:50%}.access-playing .access-sculpture g[id]{animation:1.65s cubic-bezier(.15,.8,.18,1) both qalks-access-assemble;animation-delay:var(--delay)}.access-sculpture [data-dot-motion]{opacity:0}.access-sculpture [data-dot-motion],.access-sculpture [data-dot-motion] g{animation:none!important;translate:none!important;rotate:none!important;scale:none!important}.access-front{filter:drop-shadow(0 16px 20px #0002);transform:translateZ(3px)}.access-beam{pointer-events:none;opacity:0;background:linear-gradient(90deg,#0000 42%,#67baff18 48%,#c7e6ff55 50%,#67baff18 52%,#0000 58%);position:absolute;inset:-30% -10%;transform:translate(-100%)skew(-20deg)}.access-playing .access-beam{animation:1.1s ease-in-out 1.8s qalks-access-light}.access-halo{filter:blur(45px);background:#027cff33;border-radius:50%;width:70%;height:30%;position:absolute;bottom:5%}.access-playing .access-halo{animation:3.4s both qalks-access-halo}.access-login{opacity:0;pointer-events:none;width:min(380px,100vw - 48px);transition:opacity .7s,transform .7s;position:absolute;top:calc(50% + 84px);transform:translateY(24px)}.access-ready .access-stage{transform:translateY(var(--settled-y)) scale(var(--settled-scale))}.access-ready .access-login{opacity:1;pointer-events:auto;transform:none}.access-static .access-login{transition:none}.access-login input{border:1px solid var(--access-line);background:var(--access-panel);width:100%;height:56px;color:var(--access-ink);letter-spacing:3px;border-radius:12px;padding:0 16px;font-size:18px}.access-login input::placeholder{color:var(--access-muted);opacity:1}.qalks-access-intro .access-submit{color:#fff;background:#076dff;border:0;border-radius:12px;width:100%;height:52px;margin-top:14px;font-weight:600;display:block;box-shadow:0 8px 28px #0066ff25}.qalks-access-intro .access-sign-in{letter-spacing:0;text-align:center;justify-content:center;align-items:center;padding:0 16px;text-decoration:none;display:flex}.access-sign-in:hover{background:#0060e8}.access-submit:disabled{opacity:.55;cursor:default}.access-status{color:var(--access-muted);text-align:center;overflow-wrap:anywhere;margin:18px 0 0;font-size:13px;line-height:1.6}.access-status:empty{display:none}.access-status[role=alert]{color:#ff9d9d}.qalks-access-intro[data-theme=day] .access-status[role=alert]{color:#a42424}@keyframes qalks-access-framing{0%{transform:translateY(24px) scale(var(--intro-scale))}to{transform:translateY(var(--settled-y)) scale(var(--settled-scale))}}@keyframes qalks-access-camera{0%{transform:rotateX(24deg)rotateY(-34deg)scale(.65)}to{transform:rotateX(0)rotateY(0)scale(1)}}@keyframes qalks-access-assemble{0%{opacity:0;translate:var(--x) var(--y);rotate:var(--r);scale:.72}45%{opacity:1}to{opacity:1;translate:0;rotate:0deg;scale:1}}@keyframes qalks-access-light{15%,80%{opacity:1}to{opacity:0;transform:translate(100%)skew(-20deg)}}@keyframes qalks-access-halo{0%{opacity:0;scale:.5}65%{opacity:1;scale:1.2}to{opacity:.3;scale:1}}@media (max-width:600px){.qalks-access-intro{min-height:max(100svh,480px)}.qalks-access-intro .access-theme-toggle{top:16px;right:16px}.access-stage{--intro-scale:1.65;--settled-y:-115px;--settled-scale:.9;width:90vw;height:220px}.access-login{top:calc(50% + 10px)}}@media (prefers-reduced-motion:reduce){.qalks-access-intro *,.qalks-access-intro :before,.qalks-access-intro :after{transition:none!important;animation:none!important}.access-beam{display:none}.access-sculpture{transform:none}.access-sculpture [data-dot-motion]{opacity:1!important}}