:root{color:#272927;font-synthesis:none;background:#faf9f6;font-family:Arial,Helvetica,sans-serif}*{box-sizing:border-box}body{margin:0}button,input{font:inherit}button{cursor:pointer}button:disabled{opacity:.55}button:focus-visible,input:focus-visible{outline-offset:4px;outline:3px solid #dc166d}.gate{background:radial-gradient(at 80% 30%,#f9e9ee80,#0000 55%),#faf9f6;flex-direction:column;min-height:100svh;padding:32px 5vw;display:flex}.gate-top,.gate footer{letter-spacing:.035em;color:#77776f;justify-content:space-between;gap:16px;font-size:14px;display:flex}.gate-top{border-bottom:1px solid #e6e1dc;padding-bottom:25px}.gate footer{border-top:1px solid #e6e1dc;padding-top:25px}.gate-card{text-align:center;align-self:center;width:min(390px,100%);margin:auto;padding:50px 0;animation:.6s both enter}.gate-logo{-o-object-fit:contain;object-fit:contain;mix-blend-mode:multiply;width:145px;height:auto;margin:0 auto 34px;display:block}.eyebrow{letter-spacing:.035em;color:#a64a70;font-size:14px}.gate h1{letter-spacing:-3px;margin:16px 0 8px;font-size:58px;font-weight:500}.gate-card>p{color:#75736e;margin:0 0 40px;font-size:15px}.gate form{text-align:left}.gate label{margin-bottom:10px;font-size:14px;display:block}.password-field{background:#fff;border:1px solid #dcd5d4;border-radius:9px;display:flex;overflow:hidden}.password-field input{background:0 0;border:0;width:100%;min-width:0;padding:16px;font-size:16px}.password-field button{color:#605359;background:0 0;border:0;min-height:48px;padding:12px;font-size:14px}.enter{color:#fff;background:#db146a;border:0;border-radius:9px;justify-content:space-between;align-items:center;width:100%;padding:17px 22px;font-size:14px;transition:background .2s;display:flex}.enter:hover{background:#b80e56}.enter span{font-size:21px}#access-error{color:#aa214b;min-height:12px;margin:10px 0;font-size:14px;line-height:1.6}.gate-note{color:#888079;margin-top:28px;font-size:14px;display:block}.leaving{opacity:0;transition:opacity .22s}.intro-view{background:#0e0e10}.intro{place-items:center;height:100svh;display:grid;position:relative}.intro video{-o-object-fit:contain;object-fit:contain;width:100%;height:100%;min-height:0}.intro-actions{gap:12px;display:flex;position:absolute;bottom:32px;right:5vw}.intro button{color:#fff;background:#161619d9;border:1px solid #ffffff50;border-radius:30px;min-height:46px;padding:13px 20px;font-size:14px}.intro [hidden]{display:none}#intro-status{text-align:right;color:#fff;text-shadow:0 1px 5px #000;font-size:14px;position:absolute;bottom:94px;left:5vw;right:5vw}@keyframes enter{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}@media (width<=600px){.gate{padding:24px}.gate-top span:last-child{display:none}.gate footer{letter-spacing:.035em;font-size:14px}.gate-card{padding-block:36px}.gate h1{font-size:48px}.gate-logo{width:130px}.intro-actions{justify-content:space-between;bottom:24px;left:20px;right:20px}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition:none!important;animation:none!important}}.gate{padding:max(24px,env(safe-area-inset-top)) max(24px,env(safe-area-inset-right)) max(24px,env(safe-area-inset-bottom)) max(24px,env(safe-area-inset-left))}.gate-card{width:min(340px,100%);padding:28px 0;animation-duration:.22s}.gate-logo{width:96px;margin-bottom:16px}.gate h1{letter-spacing:-1.5px;margin:8px 0;font-size:40px}.gate-card>p{margin-bottom:26px}.intro{background:radial-gradient(#29222a,#0e0e10 70%);height:100svh;padding:16px;animation:.22s both enter}.intro video{aspect-ratio:9/16;-o-object-fit:contain;object-fit:contain;border-radius:12px;width:auto;max-width:100%;height:min(100%,960px)}.intro-actions{bottom:max(24px,env(safe-area-inset-bottom));right:max(24px,env(safe-area-inset-right))}.intro button{padding:10px 16px}.intro-view #intro-status{bottom:80px}.leaving{transition:opacity .16s}@media (width<=600px){.intro{padding:0}.intro video{border-radius:0;width:100%;height:100%}.intro-actions{left:max(16px,env(safe-area-inset-left));right:max(16px,env(safe-area-inset-right));justify-content:flex-end;gap:12px}.gate h1{font-size:40px}.gate-logo{width:96px}}body:not(.gate-view):not(.intro-view) #app{animation:.2s both enter}.gate label,.enter,.intro button{font-size:16px}.password-field button,#access-error,#intro-status{font-size:14px}.gate-note{color:#625d58}.gate-card>p{font-size:16px}.password-field:focus-within{outline-offset:3px;outline:3px solid #c91e64}.password-field{border-color:#958c9e}