.pg{--d-bg:#000;--d-card:#0b0b0d;--d-raised:#131316;--d-line:#ffffff14;--d-line-hi:#ffffff29;--d-text:#f5f5f7;--d-soft:#f5f5f7b8;--d-mute:#f5f5f785;--d-dim:#f5f5f74d;--violet:#8b7bff;--violet-lit:#ab9dff;--cyan:#38d6f5;--rose:#ff4f7e;--green:#3ee07a;--red:#ff5a5a;--display:var(--font-display), "Arial Black", system-ui, sans-serif;--mono:var(--font-geist-mono), ui-monospace, SFMono-Regular, Menlo, monospace;--sans:var(--font-geist-sans), ui-sans-serif, system-ui, sans-serif;--ease:cubic-bezier(.16, 1, .3, 1);--wrap:min(1240px, calc(100% - 32px));background:var(--d-bg);min-height:100dvh;color:var(--d-text);font-family:var(--sans);--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;grid-template-columns:minmax(0,1fr);align-content:start;display:grid;position:relative;overflow-x:clip}.dsp{font-family:var(--display);text-transform:uppercase;letter-spacing:-.02em;font-weight:900;font-stretch:125%;line-height:.92}.mlab{font-family:var(--mono);letter-spacing:.14em;text-transform:uppercase;color:var(--d-mute);font-size:11.5px;font-weight:500;line-height:1.5}.dot{background:var(--c,var(--green));width:6px;height:6px;box-shadow:0 0 10px var(--c,var(--green));border-radius:50%;flex:none;display:inline-block}.dot-pulse{animation:1.8s ease-in-out infinite dot-pulse}@keyframes dot-pulse{50%{opacity:.35}}.fl{pointer-events:none;z-index:0;position:absolute;inset:0;overflow:hidden}.fl-glow{filter:blur(20px);background:radial-gradient(50% 40%,#8b7bff57,#0000 70%),radial-gradient(30% 22% at 30% 46%,#38d6f524,#0000 70%),radial-gradient(30% 22% at 70%,#ff4f7e21,#0000 70%);width:140vw;max-width:2000px;height:70vh;animation:9s ease-in-out infinite breathe;position:absolute;top:58%;left:50%;transform:translate(-50%,-50%)}@keyframes breathe{50%{opacity:.72;transform:translate(-50%,-50%)scale(1.06)}}.fl-plane{transform-origin:50% 0;width:260vw;height:120vh;position:absolute;top:60%;left:50%;transform:translate(-50%)perspective(420px)rotateX(74deg);-webkit-mask:linear-gradient(#0000 0%,#000 16% 60%,#0000 100%);mask:linear-gradient(#0000 0%,#000 16% 60%,#0000 100%)}.fl-plane i{background-image:linear-gradient(90deg,#ab9dff57 1px,#0000 1px),linear-gradient(#ab9dff57 1px,#0000 1px);background-size:64px 64px;animation:2.4s linear infinite run;position:absolute;inset:-64px 0 0}@keyframes run{to{transform:translateY(64px)}}.fl-line{background:linear-gradient(90deg,#0000,#ab9dffb3 30%,#ffffffe6 50%,#ab9dffb3 70%,#0000);height:1px;position:absolute;top:60%;left:0;right:0;box-shadow:0 0 24px #8b7bffcc}.fl-stars{background-image:radial-gradient(1px 1px at 12% 22%,#ffffff80,#0000),radial-gradient(1px 1px at 28% 64%,#ffffff59,#0000),radial-gradient(1px 1px at 46% 14%,#ffffff73,#0000),radial-gradient(1px 1px at 63% 38%,#ffffff4d,#0000),radial-gradient(1px 1px at 78% 18%,#ffffff80,#0000),radial-gradient(1px 1px at 88% 58%,#ffffff59,#0000),radial-gradient(1px 1px at 6% 70%,#ffffff4d,#0000),radial-gradient(1px 1px at 54% 72%,#ffffff40,#0000);animation:5s ease-in-out infinite alternate twinkle;position:absolute;inset:0 0 40%}@keyframes twinkle{to{opacity:.4}}.lk{min-height:100svh;padding:max(20px, env(safe-area-inset-top)) clamp(16px, 4vw, 40px) max(20px, env(safe-area-inset-bottom));isolation:isolate;grid-template-rows:auto 1fr auto;grid-template-columns:minmax(0,1fr);display:grid;position:relative}.lk-top,.lk-foot{z-index:2;justify-content:space-between;align-items:center;gap:16px;display:flex;position:relative}.lk-logo{color:var(--d-text);align-items:center;gap:10px;text-decoration:none;display:inline-flex}.lk-logo svg{display:block}.lk-name{font-family:var(--display);letter-spacing:.02em;text-transform:uppercase;font-size:16px;font-weight:900;font-stretch:125%}.lk-mid{z-index:2;text-align:center;flex-direction:column;justify-content:center;align-items:center;padding:32px 0;display:flex;position:relative}.lk-lock{border:1px solid var(--d-line-hi);-webkit-backdrop-filter:blur(12px);width:56px;height:56px;color:var(--d-text);background:#ffffff0a;border-radius:50%;place-items:center;display:grid;box-shadow:0 0 40px #8b7bff40}.lk-lock .shackle{transition:transform .5s var(--ease);transform-origin:17px 11px}.lk:has(.keycard:focus-within) .lk-lock .shackle{transform:translateY(-2px)}.lk:has(.keycard[data-bad=true]) .lk-lock{color:var(--red);box-shadow:0 0 40px #ff5a5a4d}.lk-time{flex-direction:column;align-items:center;display:flex}.lk-clock{font-variant-numeric:tabular-nums;letter-spacing:-.03em;text-shadow:0 0 60px #8b7bff59;margin-top:22px;font-size:clamp(76px,17vw,184px);line-height:.86}.lk-clock i{font-style:normal;animation:2s ease-in-out infinite tick}@keyframes tick{50%{opacity:.35}}.lk-clock[data-ready=false]{visibility:hidden}.lk-date{color:var(--d-soft);margin-top:18px}.lk-key{justify-content:center;width:100%;display:flex}.lk-foot,.lk-foot .mlab{color:var(--d-dim)}.lk-in{animation:come-up .9s var(--ease) backwards;animation-delay:var(--d,0s)}.keybox{width:min(480px,100%);margin-top:clamp(26px,3.4vw,36px)}.keycard{border:1px solid var(--d-line-hi);-webkit-backdrop-filter:blur(16px);background:#0e0e11bf;border-radius:999px;align-items:center;gap:6px;padding:6px 6px 6px 22px;transition:border-color .2s,box-shadow .3s;display:flex;box-shadow:0 20px 60px #00000080}.keycard:focus-within{border-color:#ab9dff99;box-shadow:0 0 0 4px #8b7bff24,0 0 50px #8b7bff40}.keycard[data-bad=true]{border-color:#ff5a5a99;box-shadow:0 0 0 4px #ff5a5a1f}.keycard input{min-width:0;height:46px;color:var(--d-text);caret-color:var(--violet-lit);font-family:var(--mono);letter-spacing:.12em;text-transform:uppercase;background:0 0;border:0;outline:0;flex:auto;font-size:17px;font-weight:500}.keycard input::placeholder{color:var(--d-dim);letter-spacing:.12em}.keycard input:disabled{opacity:.6}.keystack{flex-direction:column;gap:10px;width:min(400px,100%);margin:0 auto;display:flex}.keystack .keycard{padding:6px 22px}.keystack .keycard input{font-family:var(--sans);letter-spacing:-.01em;text-transform:none}.keystack .keycard input::placeholder{letter-spacing:0}.pg .pill{height:46px;font-family:var(--mono);letter-spacing:.12em;text-transform:uppercase;border:0;border-radius:999px;padding:0 22px;font-size:12px;font-weight:600}.pg .pill-dark{background:var(--d-text);color:#000}@media (hover:hover) and (pointer:fine){.pg .pill-dark:hover{background:#fff;transform:translateY(-1px);box-shadow:0 0 28px #ffffff4d}}.keystack .pill{width:100%;height:50px;margin-top:2px}.keygo{flex:none}.shake{animation:.44s cubic-bezier(.36,.07,.19,.97) shake}@keyframes shake{10%,90%{transform:translate(-2px)}20%,80%{transform:translate(4px)}30%,50%,70%{transform:translate(-6px)}40%,60%{transform:translate(6px)}}.pg-note{min-height:20px;color:var(--d-mute);margin-top:12px;font-size:14px;line-height:1.5}.pg-note[data-bad=true]{color:var(--red)}.pg-alt{color:var(--d-mute);padding:8px 10px;font-size:14px;font-weight:500;text-decoration:none;display:inline-block}.pg-alt u{text-underline-offset:3px;color:var(--d-text)}@media (hover:hover) and (pointer:fine){.pg-alt:hover{color:var(--d-text)}}.pg-ask{color:var(--d-mute);margin-top:6px;font-size:14px;animation:.4s ease-out backwards fade-in}.pg-ask a{color:var(--d-text);text-underline-offset:3px;font-weight:500;text-decoration:underline}@keyframes fade-in{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:none}}.through{z-index:90;opacity:0;pointer-events:none;background:#000;animation:.48s linear forwards through;position:fixed;inset:0}@keyframes through{0%{opacity:0}to{opacity:1}}@keyframes come-up{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}body.onboarding .ob-hide{display:none!important}.ob{text-align:center;width:min(420px,100%);animation:come-up .6s var(--ease) backwards;position:relative}.ob[data-leaving=true]{animation:.42s cubic-bezier(.5,0,.75,0) forwards ob-out}@keyframes ob-out{to{opacity:0;transform:scale(1.03)}}.ob-steps{gap:6px;margin-bottom:28px;list-style:none;display:flex}.ob-steps li{background:#ffffff1a;border-radius:2px;flex:1 1 0;height:3px;transition:background .32s,box-shadow .32s}.ob-steps li[data-at=done]{background:#ab9dff80}.ob-steps li[data-at=now]{background:var(--violet-lit);box-shadow:0 0 12px var(--violet)}.ob-title{font-family:var(--display);text-transform:uppercase;letter-spacing:-.01em;color:var(--d-text);animation:come-up .42s var(--ease) backwards;font-size:clamp(26px,4vw,36px);font-weight:900;font-stretch:125%;line-height:1}.ob-note{color:var(--d-soft);margin-top:12px;font-size:16px;line-height:1.55}.ob-form{flex-direction:column;margin-top:26px;display:flex}.ob-form .arm{margin-top:14px}.ob-back{color:var(--d-mute);font-family:var(--sans);cursor:pointer;background:0 0;border:0;align-self:center;margin-top:10px;padding:10px 16px;font-size:14px;font-weight:500;transition:color .16s linear}@media (hover:hover) and (pointer:fine){.ob-back:hover{color:var(--d-text)}}.ob-form .pg-note{margin-top:12px}.ob-pick{flex-direction:column;align-items:center;gap:10px;display:flex}.ob-avatar{cursor:pointer;width:118px;height:118px;color:var(--d-mute);border:1px dashed var(--d-line-hi);transition:border-color .18s linear, color .18s linear, transform .18s var(--ease);background:#ffffff08;border-radius:50%;place-items:center;padding:0;display:grid;overflow:hidden}@media (hover:hover) and (pointer:fine){.ob-avatar:hover{border-color:var(--violet-lit);color:var(--d-text);transform:translateY(-2px)}}.ob-avatar:has(img){border-style:solid;border-color:var(--d-line-hi)}.ob-avatar img{object-fit:cover;width:100%;height:100%;display:block}.ob-clear{color:var(--d-mute);font-family:var(--sans);cursor:pointer;background:0 0;border:0;padding:8px 12px;font-size:13px}@media (hover:hover) and (pointer:fine){.ob-clear:hover{color:var(--red)}}.well{border:1px solid var(--d-line-hi);background:#0e0e11bf;border-radius:999px;transition:border-color .18s,box-shadow .25s;position:relative}.well+.well{margin-top:10px}.well:focus-within{border-color:#ab9dff99;box-shadow:0 0 0 4px #8b7bff24}.well input{width:100%;height:52px;color:var(--d-text);caret-color:var(--violet-lit);font-family:var(--sans);letter-spacing:-.01em;background:0 0;border:0;outline:0;padding:0 20px;font-size:17px;font-weight:500}.well input::placeholder{color:var(--d-dim)}.well-tip{background:var(--d-dim);opacity:0;border-radius:50%;width:7px;height:7px;margin-top:-3.5px;transition:opacity .18s linear,background .18s linear;position:absolute;top:50%;right:20px}.well-tip[data-tip=checking]{opacity:.7}.well-tip[data-tip=free]{opacity:1;background:var(--green);box-shadow:0 0 10px var(--green)}.well-tip[data-tip=taken]{opacity:1;background:var(--red)}.arm{cursor:pointer;background:var(--d-text);color:#000;width:100%;height:52px;font-family:var(--mono);letter-spacing:.12em;text-transform:uppercase;transition:transform .2s var(--ease), box-shadow .25s ease, opacity .18s ease;border:0;border-radius:999px;font-size:12.5px;font-weight:600}@media (hover:hover) and (pointer:fine){.arm:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 0 28px #ffffff4d}}.arm:active:not(:disabled){transform:scale(.985)}.arm:disabled{opacity:.35;cursor:not-allowed;transform:none}@media (max-width:640px){.keycard{padding-left:16px}.keycard input{letter-spacing:.06em}.pg .keygo{padding:0 16px}.lk-clock{margin-top:18px}}@media (max-height:700px){.lk-lock{display:none}.lk-clock{margin-top:0;font-size:clamp(64px,14vw,120px)}}@media (prefers-reduced-motion:reduce){.pg *,.pg :before,.pg :after{transition:none!important;animation:none!important}}body.paused .pg *,body.paused .pg :before{animation-play-state:paused!important}
