.auth{--auth-control:52px;--auth-radius:10px;background:var(--ui-canvas);grid-template-columns:minmax(0,1fr);min-height:100dvh;display:grid}.auth-name{min-height:44px;color:var(--ui-ink);letter-spacing:-.03em;align-items:center;font-size:21px;font-weight:600;text-decoration:none;display:inline-flex}.auth-show{display:none}.auth-main{align-content:start;justify-items:center;gap:var(--ui-space-7);padding:var(--ui-space-4) var(--ui-space-5) var(--ui-space-8);display:grid}.auth-main>.auth-name{justify-self:start}.auth-panel{gap:var(--ui-space-5);width:min(100%,440px);display:grid}.auth-head{gap:var(--ui-space-2);display:grid}.auth-head h1{letter-spacing:-.035em;text-wrap:balance;font-size:32px;line-height:1.15}.auth-ways{gap:var(--ui-space-3);display:grid}.auth-way,.auth-submit{width:100%;height:var(--auth-control);padding:0 var(--ui-space-4);border:1px solid var(--ui-line-strong);border-radius:var(--auth-radius);background:var(--ui-surface);color:var(--ui-ink);font:500 var(--ui-text-md) / 1 var(--ui-font);cursor:pointer;transition:background-color var(--ui-duration) var(--ui-ease-out), border-color var(--ui-duration) var(--ui-ease-out), transform var(--ui-duration) var(--ui-ease-out);justify-content:center;align-items:center;gap:10px;display:inline-flex}.auth-way svg{flex:none}.auth-discord{color:#5865f2}.auth-submit{border-color:var(--ui-accent);background:var(--ui-accent);color:var(--ui-on-accent);text-decoration:none}:is(.auth-way,.auth-submit):active:not(:disabled){transform:scale(.98)}:is(.auth-way,.auth-submit):disabled{cursor:default;opacity:.6}:is(.auth-way,.auth-submit)[aria-busy]{cursor:progress}:is(.auth-way,.auth-submit,.auth-more,.auth-small,.auth-reveal,.auth-dots button):focus-visible{outline:2px solid var(--ui-focus);outline-offset:2px}@media (hover:hover) and (pointer:fine){.auth-way:hover:not(:disabled){border-color:var(--ui-muted);background:var(--ui-sunken)}.auth-submit:hover:not(:disabled){border-color:var(--ui-accent-hover);background:var(--ui-accent-hover)}}.auth-more,.auth-small{min-height:24px;color:var(--ui-muted);font:500 var(--ui-text-sm) / 1.4 var(--ui-font);cursor:pointer;background:0 0;border:0;justify-self:center;padding:0}.auth-more{color:var(--ui-ink);text-decoration:underline;-webkit-text-decoration-color:var(--ui-line-strong);text-decoration-color:var(--ui-line-strong);text-underline-offset:4px;font-size:14px}.auth-small{justify-self:start}.auth-small[data-centred]{justify-self:center}@media (hover:hover) and (pointer:fine){.auth-more:hover{text-decoration-color:currentColor}.auth-small:hover{color:var(--ui-ink)}}.auth-form{gap:var(--ui-space-4);display:grid}.auth-field{gap:6px;display:grid}.auth-box{position:relative}.auth-input{width:100%;height:var(--auth-control);border:1px solid var(--ui-line-strong);border-radius:var(--auth-radius);background:var(--ui-surface);color:var(--ui-ink);font:400 var(--ui-text-md) / 1.4 var(--ui-font);transition:border-color var(--ui-duration) var(--ui-ease-out), box-shadow var(--ui-duration) var(--ui-ease-out);padding:18px 15px 4px}.auth-input:focus{border-color:var(--ui-ink);box-shadow:0 0 0 1px var(--ui-ink);outline:none}.auth-box:has(.auth-reveal) .auth-input{padding-right:52px}.auth-box label{color:var(--ui-muted);font-size:var(--ui-text-md);pointer-events:none;transform-origin:0 0;transition:transform var(--ui-duration) var(--ui-ease-out);line-height:20px;position:absolute;top:16px;left:16px}.auth-input:focus+label,.auth-input:not(:placeholder-shown)+label{transform:translateY(-9px)scale(.8)}.auth-input:-webkit-autofill+label{transform:translateY(-9px)scale(.8)}.auth-reveal{width:40px;height:40px;color:var(--ui-muted);cursor:pointer;background:0 0;border:0;border-radius:8px;place-items:center;padding:0;display:grid;position:absolute;top:6px;right:6px}@media (hover:hover) and (pointer:fine){.auth-reveal:hover{background:var(--ui-sunken);color:var(--ui-ink)}}.auth-below{justify-content:space-between;align-items:center;gap:var(--ui-space-3);font-size:var(--ui-text-sm);display:flex}.auth-switch{font-size:var(--ui-text-md)}.auth-terms{color:var(--ui-muted);font-size:var(--ui-text-sm)}:is(.auth-switch,.auth-terms) a{color:var(--ui-ink);text-decoration:underline;-webkit-text-decoration-color:var(--ui-line-strong);text-decoration-color:var(--ui-line-strong);text-underline-offset:4px;font-weight:500}@media (hover:hover) and (pointer:fine){:is(.auth-switch,.auth-terms) a:hover{text-decoration-color:currentColor}}@media (width>=960px){.auth{grid-template-columns:minmax(480px,1fr) minmax(0,1.35fr);align-items:start}.auth-show{height:100dvh;padding:var(--ui-space-4) var(--ui-space-6) var(--ui-space-5);background:var(--ui-sunken);grid-template-rows:minmax(0,1fr) auto;display:grid;position:sticky;top:0;overflow:hidden}.auth-main{padding:var(--ui-space-4) clamp(var(--ui-space-6), 6vw, 112px) var(--ui-space-8);justify-items:start}.auth-panel{margin-top:clamp(0px,12vh - 76px,60px)}}.auth-stage{place-items:center;min-height:0;display:grid}.auth-scene{justify-items:center;gap:var(--ui-space-6);opacity:0;visibility:hidden;width:100%;transition:opacity .7s var(--ui-ease-out), visibility 0s .7s;grid-area:1/1;margin:0;display:grid}.auth-scene[data-shown]{opacity:1;visibility:visible;transition:opacity .7s var(--ui-ease-out)}.auth-cards{aspect-ratio:1/.9;width:min(100%,700px,111.111dvh - 244.444px);position:relative}.auth-card{aspect-ratio:3/4;background:var(--ui-surface);height:auto;box-shadow:var(--ui-shadow);object-fit:cover;object-position:top;transition:transform .9s var(--ui-ease-out);border-radius:12px;position:absolute}.auth-card[data-place=main]{width:60%;top:0;left:20%}.auth-card[data-place=left]{width:33%;bottom:4%;left:0;transform:translateY(12px)}.auth-card[data-place=right]{width:33%;bottom:14%;right:0;transform:translateY(-12px)}.auth-scene[data-shown] .auth-card{transform:none}.auth-scene figcaption{color:var(--ui-ink);font-size:var(--ui-text-md);text-align:center}.auth-dots{justify-content:flex-end;display:flex}.auth-dots button{cursor:pointer;background:0 0;border:0;border-radius:999px;place-items:center;width:24px;height:24px;padding:0;display:grid}.auth-dots button:after{content:"";background:var(--ui-line-strong);width:8px;height:8px;transition:background-color var(--ui-duration) var(--ui-ease-out);border-radius:999px}.auth-dots button[aria-current]:after{background:var(--ui-ink)}@media (prefers-reduced-motion:reduce){.auth-scene,.auth-scene[data-shown],.auth-card,.auth-box label{transition:none}.auth-card[data-place]{transform:none}}