.auth-page{grid-template-rows:auto 1fr auto;gap:20px;max-width:560px;min-height:100dvh;margin:0 auto;padding:20px 28px 28px;display:grid}.auth-main{align-content:start;padding-top:min(6vh,48px);display:grid}.auth-card{border-radius:var(--r-xl);background:var(--card);border:1.5px solid var(--ink);box-shadow:4px 4px 0 var(--ink);gap:16px;padding:28px;display:grid}.auth-card .hello,.acct .hello{font:24px/1 var(--hand);color:var(--ink-2);transform-origin:0;margin:0;transform:rotate(-2deg)}.auth-card h1{font-size:clamp(28px,5vw,36px);line-height:1.1}.auth-form{gap:14px;display:grid}.auth-field{gap:6px;font-size:14px;font-weight:700;display:grid}.auth-field span{justify-content:space-between;align-items:baseline;gap:8px;display:flex}.auth-field small{color:var(--mute);font-size:12px;font-weight:500}.auth-field input{border:1.5px solid var(--line);background:var(--paper);min-height:46px;font:600 15px var(--sans);color:var(--ink);border-radius:12px;width:100%;padding:8px 14px}.auth-field input:focus-visible{outline:2px solid var(--focus);outline-offset:1px;border-color:var(--ink)}.auth-submit{justify-content:center;width:100%;min-height:46px}.auth-msg{background:var(--line-2);color:var(--ink);border-radius:12px;margin:0;padding:10px 14px;font-size:14px;line-height:1.45}.auth-msg.error{background:color-mix(in oklab,var(--down) 14%,var(--card));color:var(--down);font-weight:600}.auth-msg.success{background:color-mix(in oklab,var(--matcha) 30%,var(--card))}.auth-lede{color:var(--ink-2);margin:0}.auth-email{word-break:break-all;color:var(--ink)}.auth-fine,.auth-alt{color:var(--mute);margin:0;font-size:13px}.auth-alt{border-top:1.5px dashed var(--line);padding-top:14px}.auth-link{color:var(--ink);text-decoration:underline;-webkit-text-decoration-color:var(--strawberry);text-decoration-color:var(--strawberry);text-underline-offset:3px;font-weight:600;text-decoration-thickness:2px}.auth-link:hover{-webkit-text-decoration-color:var(--ink);text-decoration-color:var(--ink)}.auth-foot{text-align:center}.auth-foot a{color:inherit}.auth-card .row-end{flex-wrap:wrap;gap:8px;display:flex}.auth-or{color:var(--mute);align-items:center;gap:10px;margin:0;font-size:13px;display:flex}.auth-or:before,.auth-or:after{content:"";border-top:1.5px dashed var(--line);flex:1}.acct{gap:22px;max-width:720px;margin:0 auto;padding:18px 0 40px;display:grid}.acct>header{gap:6px;display:grid}.acct>header h1{font-size:clamp(28px,5vw,40px)}.acct-card{border-radius:var(--r-l);background:var(--card);border:1.5px solid var(--line);gap:14px;padding:22px;display:grid}.acct-card h2{font-size:20px}.acct-card p{color:var(--ink-2);margin:0;font-size:14px}.acct-card .auth-form{max-width:420px}.acct-card .auth-submit{justify-self:start;width:auto}.acct-card .row-end{flex-wrap:wrap;gap:8px;display:flex}.acct-card.danger{border-color:var(--down)}.acct-card.danger h2{color:var(--down)}.acct-plan{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.acct-methods{gap:10px;margin:0;padding:0;list-style:none;display:grid}.acct-method{border:1.5px solid var(--line);background:var(--paper);border-radius:14px;flex-wrap:wrap;align-items:center;gap:12px;padding:12px 14px;display:flex}.acct-method .social-logo{width:22px;height:22px}.acct-method.discord .social-logo{color:#5865f2}.acct-method-what{flex:1;gap:2px;min-width:96px;display:grid}.acct-method-what small{color:var(--mute);font-size:12px}.acct-method-what time{white-space:nowrap}.acct-method .auth-form{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.acct-method .auth-submit{min-height:36px}.acct-switch{border:1.5px solid var(--line);background:var(--paper);cursor:pointer;border-radius:14px;grid-template-columns:auto 1fr;align-items:start;gap:12px;padding:12px 14px;font-size:14px;font-weight:700;display:grid}.acct-switch small{color:var(--mute);margin-top:2px;font-size:12.5px;font-weight:500;line-height:1.35;display:block}.acct-switch input{appearance:none;background:var(--line);cursor:pointer;border-radius:99px;width:40px;height:24px;margin:0;transition:background .2s;position:relative}.acct-switch input:after{content:"";background:var(--card);width:18px;height:18px;transition:transform .25s var(--spring);border-radius:50%;position:absolute;top:3px;left:3px;box-shadow:0 1px 2px #00000040}.acct-switch input:checked{background:var(--up)}.acct-switch input:checked:after{transform:translate(16px)}.acct-switch input:focus-visible{outline:3px solid var(--focus);outline-offset:2px}.acct-switch input:disabled{opacity:.6}@media (width<=720px){.auth-page{padding:14px 16px 24px}.auth-card{padding:22px 18px}.acct-card{padding:18px}.acct-card .auth-submit{width:100%}}