.auth-page{min-height:100dvh;padding-bottom:calc(var(--safe-b) + 32px)}.auth-page .vh{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.auth-hero.sky-hero{margin:0;padding-bottom:70px}.auth-hero.sky-hero .sun{width:150px;top:26px;right:-30px}.auth-hero .wordmark{font-size:var(--fs-l);letter-spacing:-.03em;margin-bottom:34px;font-weight:750;line-height:1}.auth-hero.invite{padding-bottom:72px}.auth-hero.invite.sky-hero .sun{width:168px;top:56px;right:-46px}.auth-hero.invite .wordmark{letter-spacing:-.035em;margin-bottom:30px;font-size:19px;font-weight:800}.auth-hero .eyebrow{color:inherit;opacity:.75;display:block}.auth-hero h1{max-width:15ch;font:750 var(--fs-2xl) / 1.02 var(--f-display);letter-spacing:-.035em;color:inherit;margin:0}.auth-hero h1 .fuzzy{font-weight:400;display:block}.auth-hero.invite .eyebrow+h1{text-wrap:balance;max-width:13ch;margin-top:6px}.auth-hero .sub{font-size:var(--fs-l);opacity:.85;margin:8px 0 0}.auth-wrap{z-index:1;padding-inline:var(--gutter);margin-top:-40px;position:relative}.auth-wrap.invite{margin-top:-48px}.auth-card{width:100%;max-width:440px;padding:var(--s-5);animation:auth-rise .6s var(--ease-out) 80ms both;margin-inline:auto}.auth-wrap.invite .auth-card{padding:20px}@keyframes auth-rise{0%{opacity:0;transform:translateY(14px)}}@media (prefers-reduced-motion:reduce){.auth-card{animation:none}}.auth-view{gap:14px;display:grid}.auth-view h2{font-size:var(--fs-xl);margin:0}.auth-view .lede{font-size:var(--fs-s);color:var(--ink-2);margin:-6px 0 0}.auth-view p{margin:0}.auth-or{font-size:var(--fs-xs);color:var(--ink-3);align-items:center;gap:12px;display:flex}.auth-or:before,.auth-or:after{content:"";border-top:1px solid var(--line);flex:1}.auth-page .btn-google .gmark{width:18px;height:18px}.auth-foot{font-size:var(--fs-xs);color:var(--ink-3);text-align:center;margin:0}.auth-foot .link{display:inline}.auth-page button.link{appearance:none;font:inherit;cursor:pointer;background:0 0;border:0;padding:0;font-weight:600}.auth-form{gap:14px;display:grid}.auth-page .field{grid-template-columns:minmax(0,1fr);gap:8px;min-width:0;display:grid}.auth-page .field>span{font-size:var(--fs-s);color:var(--ink-2);font-weight:650}.auth-page .field>span.err{font-size:var(--fs-xs);color:var(--danger)}.auth-page .input{border-radius:var(--r-s);border:1.5px solid var(--line-2);background:var(--bg);width:100%;height:50px;color:var(--ink);font:inherit;transition:border-color var(--d-2), box-shadow var(--d-2);outline:none;padding:0 16px}.auth-page .input:focus{border-color:var(--violet);box-shadow:0 0 0 4px oklch(from var(--violet) l c h / .18)}.auth-page .input[aria-invalid=true]{border-color:var(--danger)}.err{font-size:var(--fs-xs);color:var(--danger);font-weight:650}.err .link{display:inline}.auth-notice{--c:var(--danger);border-radius:var(--r-m);background:oklch(from var(--c) l c h / .1);font-size:var(--fs-s);color:var(--ink);align-items:flex-start;gap:10px;padding:12px 14px;display:flex}.auth-notice>svg{color:var(--c);flex:none;margin-top:1px}.auth-notice b{display:block}.auth-notice .grow{flex:1;min-width:0}.auth-notice .btn{margin-top:8px}.auth-notice.info{--c:var(--lagoon)}.auth-notice.warn{--c:var(--warn)}.gacct{border-radius:var(--r-m);border:1.5px solid var(--line-2);align-items:center;gap:12px;padding:10px 12px;display:flex}.gacct .av{box-shadow:none;overflow:visible}.gacct .av .gmark{background:var(--surface);width:18px;height:18px;box-shadow:var(--shadow-1);border-radius:50%;padding:2px;position:absolute;bottom:-4px;right:-4px}.gacct .grow{flex:1;min-width:0}.gacct .t{font-weight:700;display:block}.gacct .meta{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.auth-hh{align-items:center;gap:12px;display:flex}.auth-hh .grow{flex:1;min-width:0}.auth-hh .t{font:750 var(--fs-l) / 1.15 var(--f-display);letter-spacing:-.02em;display:block}.auth-hh .meta{display:block}.auth-travellers{border-radius:var(--r-m);background:var(--bg-sunken);font-size:var(--fs-s);align-items:center;gap:10px;margin-top:14px;padding:10px 12px;display:flex}.auth-travellers .av.me{outline:2.5px solid var(--magenta);outline-offset:1px}.auth-travellers .grow{flex:1;min-width:0}.auth-scope{font-size:var(--fs-s);color:var(--ink-2);align-items:flex-start;gap:10px;margin:12px 0 0;display:flex}.auth-scope svg{color:var(--ink-3);flex:none;margin-top:1px}.auth-wrap.invite .auth-view{margin-top:18px}.auth-wrap.invite .auth-view.dead{margin-top:0}.who-am-i{border-radius:var(--r-m);border:1px solid var(--line);align-items:center;gap:12px;padding:12px;display:flex}.who-am-i .grow{flex:1;min-width:0}.who-am-i .meta{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.auth-view.dead{text-align:center;justify-items:center}.auth-view.dead .ic{background:var(--surface-2);width:56px;height:56px;color:var(--ink-3);border-radius:50%;place-items:center;display:grid}.auth-view.dead p{color:var(--ink-2);max-width:32ch}.auth-view.dead .btn{width:100%}.auth-page .btn .spin{border:2px solid;border-right-color:#0000;border-radius:50%;width:16px;height:16px;animation:.8s linear infinite auth-spin}@keyframes auth-spin{to{transform:rotate(1turn)}}.auth-sk{color:#0000;background:var(--bg-sunken);border-radius:var(--r-m)}@media (width>=1024px){.auth-page{grid-template-columns:minmax(0,1fr) minmax(0,1fr);padding:0;display:grid}.auth-hero.sky-hero{border-radius:var(--r-xl);flex-direction:column;justify-content:center;min-height:100dvh;margin:16px 16px 0 0;padding:48px 64px;display:flex;position:sticky;top:0}.auth-hero .wordmark{visibility:visible}.auth-hero .hero-parallax{flex-direction:column;flex:1;display:flex}.auth-hero .wordmark{margin:0 0 auto}.auth-hero h1{margin-bottom:auto;font-size:64px}.auth-hero.sky-hero .sun{width:230px;top:12%;right:7%}.auth-wrap{flex-direction:column;justify-content:center;margin:0;padding:48px;display:flex}.auth-card{width:100%}.auth-hero.invite.sky-hero{border-radius:var(--r-xl);height:calc(100dvh - 32px);min-height:0;margin:16px;padding:32px 48px 48px;top:16px}.auth-hero.invite .hero-parallax{align-items:flex-start}.auth-hero.invite h1{font-size:var(--fs-3xl);margin-bottom:0}.auth-hero.invite .sub{margin-bottom:auto}.auth-hero.invite.sky-hero .sun{width:168px;top:56px;right:-46px}.auth-wrap.invite{align-self:center;padding:48px 32px}}
