.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}.social-buttons{gap:10px;display:grid}.social-btn{min-height:46px;font:500 15px/1.2 var(--sans);transition:transform .18s var(--spring),box-shadow .18s;border:1px solid;border-radius:999px;justify-content:center;align-items:center;gap:10px;padding:0 18px;display:flex}.social-btn:not(:disabled):hover{box-shadow:3px 3px 0 var(--ink);transform:translate(-2px,-2px)}.social-btn:focus-visible{outline:2px solid var(--focus);outline-offset:2px}.social-btn:disabled{opacity:.6}.social-logo{flex:none;width:18px;height:18px}.social-btn.google{color:#1f1f1f;font-family:Roboto,var(--sans);background:#fff;border-color:#747775}:root[data-theme=dark] .social-btn.google{color:#e3e3e3;background:#131314;border-color:#8e918f}.social-btn.apple{color:#fff;background:#000;border-color:#000;font-family:-apple-system,BlinkMacSystemFont,system-ui,sans-serif}:root[data-theme=dark] .social-btn.apple{color:#000;background:#fff;border-color:#fff}.social-btn.apple .social-logo{width:15px}.social-btn.discord{color:#fff;background:#5865f2;border-color:#5865f2}.social-btn.discord .social-logo{width:22px}.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}@media (width<=720px){.auth-page{padding:14px 16px 24px}.auth-card{padding:22px 18px}.acct-card{padding:18px}.acct-card .auth-submit{width:100%}}