.lp-door{--warn:#ff9580;isolation:isolate;min-height:100dvh;padding-top:4rem;position:relative;overflow:clip}.lp-door-sky{z-index:-2;pointer-events:none;background:radial-gradient(110% 80% at 68% 50%, #101712 0%, var(--ground) 62%);position:absolute;inset:0}.lp-door .lp-hero-vignette{z-index:-1}.lp-door-title{font-size:clamp(2.75rem,5.2vw,4.75rem)}.lp-door-tilt{transform-origin:40%;will-change:transform}.lp-door-panel{--rim:.14;background:#0f1411ed;border:1px solid #ffffff17;border-radius:18px;position:relative;box-shadow:inset 0 1px #ffffff12,0 60px 120px -40px #000000e6}.lp-door-panel:before{content:"";border-radius:inherit;pointer-events:none;background:linear-gradient(125deg, #ffffff29, transparent 32%, transparent 62%, color-mix(in oklab, var(--lime) calc(var(--rim) * 100%), transparent));-webkit-mask-composite:xor;transition:--rim .6s var(--ease-out);padding:1px;position:absolute;inset:-1px;-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor,source-over;mask:linear-gradient(#000 0 0) content-box exclude,linear-gradient(#000 0 0)}@property --rim{syntax:"<number>";inherits:true;initial-value:.14}.lp-door-tilt[data-phase=typing] .lp-door-panel{--rim:.3}.lp-door-tilt[data-phase=checking] .lp-door-panel{--rim:.6}.lp-door-tilt[data-phase=refused] .lp-door-panel{--rim:.08}.lp-door-tilt[data-phase=signed-in] .lp-door-panel{--rim:.9}.lp-door-panel-head{border-bottom:1px solid #ffffff12;justify-content:space-between;align-items:center;gap:1rem;padding:.9375rem 1.25rem;display:flex;position:relative}@media (min-width:640px){.lp-door-panel-head{padding-inline:1.75rem}}.lp-door-status{font-family:var(--lp-font-label), ui-monospace, monospace;font-variation-settings:"wdth" 85;letter-spacing:.04em;color:var(--paper-3);white-space:nowrap;transition:background-color .24s var(--ease-out), border-color .24s var(--ease-out), color .24s var(--ease-out);border:1px solid #ffffff1f;border-radius:999px;align-items:center;gap:.4375rem;padding:.3125rem .6875rem;font-size:.625rem;line-height:1;display:inline-flex}.lp-door-status:before{content:"";opacity:.7;background:currentColor;border-radius:999px;width:5px;height:5px}.lp-door-status[data-phase=checking]{color:var(--paper);border-color:#ffffff38}.lp-door-status[data-phase=signed-in]{background:var(--lime);border-color:var(--lime);color:var(--on-lime)}@media (prefers-reduced-motion:no-preference){.lp-door-status[data-phase=checking]:before{animation:.9s ease-in-out infinite alternate lp-pulse}}.lp-door-feed{pointer-events:none;opacity:0;background:linear-gradient(90deg, color-mix(in oklab, var(--lime) 55%, transparent), transparent 85%);height:1px;transition:opacity .24s var(--ease-out);position:absolute;bottom:-1px;left:0;right:0;container-type:inline-size}.lp-door-feed i{background:var(--lime);width:7px;height:7px;box-shadow:0 0 10px 2px color-mix(in oklab, var(--lime) 60%, transparent);opacity:0;border-radius:999px;position:absolute;top:-3px;left:0}.lp-door-tilt[data-phase=checking] .lp-door-feed{opacity:1}@media (prefers-reduced-motion:no-preference){.lp-door-tilt[data-phase=checking] .lp-door-feed i{animation:lp-door-feed 1.1s var(--ease-out) infinite;animation-delay:calc(var(--k) * .36s)}}@media (prefers-reduced-motion:reduce){.lp-door-feed{display:none}}@keyframes lp-door-feed{0%{opacity:0;translate:0}12%,78%{opacity:1}to{opacity:0;translate:calc(100cqw - 7px)}}.lp-well{width:100%;height:3.25rem;color:var(--paper);caret-color:var(--lime);background:#0000005c;border:1px solid #ffffff1f;border-radius:12px;padding:0 1rem;font-size:1rem;transition:border-color .16s,background-color .16s}.lp-well:hover{border-color:#ffffff3d}.lp .lp-well:focus-visible{outline-offset:2px;background:#00000070;border-color:#ffffff4d;border-radius:12px}.lp .lp-well[aria-invalid=true],.lp .lp-well[aria-invalid=true]:focus-visible{border-color:var(--warn)}.lp-door-link{color:var(--paper-2);text-decoration:underline;-webkit-text-decoration-color:var(--rule-strong);text-decoration-color:var(--rule-strong);text-underline-offset:.2em;font-weight:600;transition:color .16s,text-decoration-color .16s}.lp-door-link:hover{color:var(--paper);-webkit-text-decoration-color:var(--paper-3);text-decoration-color:var(--paper-3)}.lp-well:-webkit-autofill{-webkit-text-fill-color:var(--paper);caret-color:var(--lime);transition:background-color 9999s;box-shadow:inset 0 0 0 100px #111612}.lp-well:-webkit-autofill:hover{-webkit-text-fill-color:var(--paper);caret-color:var(--lime);transition:background-color 9999s;box-shadow:inset 0 0 0 100px #111612}.lp-well:-webkit-autofill:focus{-webkit-text-fill-color:var(--paper);caret-color:var(--lime);transition:background-color 9999s;box-shadow:inset 0 0 0 100px #111612}.lp-door-reveal{width:3rem;color:var(--paper-3);border-radius:0 12px 12px 0;place-items:center;transition:color .16s;display:grid;position:absolute;inset:0 0 0 auto}.lp-door-reveal:hover{color:var(--paper)}.lp .lp-door-reveal:focus-visible{outline-offset:-4px;border-radius:10px}.lp-door-error{color:var(--warn);text-wrap:pretty;align-items:flex-start;gap:.5rem;font-size:.9375rem;font-weight:500;line-height:1.4;display:flex}.lp-btn-lime.lp-sending:after{background:var(--on-lime)}.lp-btn:disabled{cursor:wait}.lp-door-wayin{z-index:90;position:fixed;inset:0}.lp-door-wayin-tile{opacity:0;will-change:transform;background:#d4ff3a;border-radius:18px;position:fixed}.lp-door-wayin-glyph{color:#0a0d0b;opacity:0;width:clamp(72px,11vmin,120px);height:clamp(72px,11vmin,120px);position:fixed;top:50%;left:50%;translate:-50% -50%}@media (prefers-reduced-motion:reduce){.lp-door-tilt{transform:none!important}}@media (prefers-reduced-transparency:reduce){.lp-door-panel{background:#121813}}@media (max-width:1023px){.lp-door .lp-hero-vignette{background:linear-gradient(#0a0d0be6 0%,#0a0d0bd1 40%,#0000 62%)}}
