.auth{--night:#0e0f11;--night-2:#1a1b1f;--day:#e8e9eb;--day-2:#a9acb3;background:var(--night);min-height:100vh}.auth-side{isolation:isolate;color:var(--day);background:var(--night);position:relative;overflow:hidden}.auth-bar{padding:8px 20px 26px;padding-top:max(8px, env(safe-area-inset-top))}.auth-bar a{color:var(--day)}.auth-side :focus-visible{outline-color:#fff}.auth-bar svg{color:var(--day)}.auth-art{display:none}.auth-main{background:var(--ink);min-height:calc(100vh - 60px);color:var(--bone);border-radius:22px 22px 0 0;justify-content:center;margin-top:-18px;padding:22px 20px 40px;display:flex;position:relative}@media (min-width:640px){.auth-bar{padding:14px 32px 30px}.auth-main{padding:36px 32px 56px}}@media (min-width:1000px){.auth{grid-template-columns:minmax(380px,5fr) 7fr;display:grid}.auth-side{flex-direction:column;height:100vh;display:flex;position:sticky;top:0}.auth-bar{padding:22px 40px}.auth-art{flex-direction:column;flex:1;justify-content:center;padding:0 40px 64px;display:flex}.auth-h{font-family:var(--font-display);letter-spacing:-.035em;text-wrap:balance;max-width:13ch;font-size:clamp(36px,3.4vw,52px);font-weight:700;line-height:1}.auth-stage{height:340px;margin-top:44px;position:relative}.auth-main{border-radius:0;min-height:100vh;margin-top:0;padding:72px 56px}}.a-card{width:min(100%,360px);color:var(--bone);background:#fff;border-radius:20px;padding:18px;position:absolute;top:0;left:0}.a-url{color:var(--mute);font-size:12px}.a-card ul{gap:6px;margin-top:12px;display:grid}.a-card li{border:1px solid var(--line);border-radius:12px;justify-content:space-between;padding:11px 12px;font-size:14px;display:flex}.a-card li span{color:var(--mute)}.a-card li.on{border-color:var(--brand);box-shadow:inset 0 0 0 1px var(--brand)}.a-times{gap:6px;margin-top:12px;display:flex}.a-times span{border:1px solid var(--line-2);font-variant-numeric:tabular-nums;border-radius:10px;flex:1;place-items:center;height:38px;font-size:14px;font-weight:600;display:grid}.a-times .on{background:var(--brand);border-color:var(--brand);color:#fff}.a-toast{background:var(--night-2);border:1px solid #e8e9eb42;border-radius:16px;align-items:flex-start;gap:10px;width:250px;padding:12px 14px;font-size:13px;line-height:1.35;display:flex;position:absolute;bottom:0;right:0}.a-toast>span:last-child{display:grid}.a-toast>span>span{color:var(--day-2)}.a-dot{background:var(--day);border-radius:50%;flex:none;width:10px;height:10px;margin-top:4px}@media (prefers-reduced-motion:no-preference){.a-card{animation:.7s cubic-bezier(.2,.7,.2,1) .1s both a-in}.a-toast{animation:.7s cubic-bezier(.2,.7,.2,1) .7s both a-in}}@keyframes a-in{0%{opacity:0;transform:translateY(16px)scale(.97)}}