.auth-page{background:var(--bg);height:100dvh;color:var(--ink);position:relative;overflow:hidden auto}.auth-top{justify-content:space-between;align-items:center;gap:12px;display:flex}.auth-top .brand{color:var(--ink);text-decoration:none}.auth-top .key{text-decoration:none}.auth-page.split{grid-template-columns:minmax(360px,520px) minmax(0,1fr);display:grid}.auth-side{grid-template-rows:auto 1fr auto;min-height:100dvh;padding:24px clamp(24px,4vw,56px);display:grid}.auth-form{width:min(380px,100%);animation:auth-in .6s var(--spring) both;align-self:center;padding:32px 0}.auth-note{color:var(--ink-3);margin:0;font-size:12.5px}.auth-art{min-height:100dvh;padding:12px 12px 12px 0;position:sticky;top:0}@media (max-width:960px){.auth-page.split{grid-template-columns:minmax(0,1fr)}.auth-art{display:none}.auth-form{margin:0 auto}}.auth-show{background-color:var(--board);background-image:radial-gradient(60% 55% at 50% 42%, color-mix(in oklch, var(--accent) 22%, transparent), transparent 72%), radial-gradient(var(--dot) 1px, transparent 1.2px);height:calc(100dvh - 24px);box-shadow:inset 0 0 0 1px var(--line);background-size:100% 100%,22px 22px;border-radius:28px;grid-template-rows:minmax(0,1fr) auto;margin:0;display:grid;position:relative;overflow:hidden}.auth-stage{justify-content:center;align-items:center;min-height:0;padding:clamp(32px,8vh,88px) 40px 24px;display:flex;overflow:hidden;container-type:size}.auth-canvas{--ar:1;width:min(100cqw, calc(78cqh * var(--ar)), 620px);height:auto;aspect-ratio:var(--ar);opacity:0;transition:opacity .7s var(--ease), transform .9s var(--spring);background:#e6e3de;background:lab(90.3895% .472248 2.62247);border-radius:22px;flex:none;display:block;transform:translateY(12px)scale(.98);box-shadow:0 1px 2px #0000004d,0 40px 80px -30px #000000bf,0 0 0 1px #ffffff0f;box-shadow:0 1px 2px lab(0% 0 0/.3),0 40px 80px -30px lab(0% 0 0/.75),0 0 0 1px lab(100% 0 0/.06)}.auth-show.ready .auth-canvas{opacity:1;transform:none}.auth-show figcaption{justify-items:center;gap:14px;padding:0 32px 28px;display:grid}.auth-track{background:var(--line-2);border-radius:3px;width:min(360px,70%);height:3px;position:relative;overflow:hidden}.auth-track span{transform-origin:0;border-radius:inherit;background:var(--accent);position:absolute;inset:0;transform:scaleX(0)}.auth-caption{text-align:center;color:var(--ink-3);gap:2px;font-size:12.5px;display:grid}.auth-caption strong{color:var(--ink-2);font-size:13px;font-weight:600}.auth-page.wide{background-image:radial-gradient(var(--dot) 1px, transparent 1.2px);background-size:22px 22px;grid-template-rows:auto 1fr;display:grid}.auth-page.wide .auth-top{padding:18px 24px}.auth-page.wide .auth-body{animation:auth-in .5s var(--spring) both;place-items:start center;padding:24px 16px 48px;display:grid}@keyframes auth-in{0%{opacity:0;transform:translateY(10px)}}@media (prefers-reduced-motion:reduce){.auth-form,.auth-page.wide .auth-body,.auth-canvas{transition:none;animation:none}}.auth-page.split .mb-clerk{width:100%}.auth-page.split .mb-clerk .mb-clerk-card{width:100%;box-shadow:none;background:0 0;border:0;border-radius:0;overflow:visible}.auth-page.split .mb-clerk .mb-clerk-inner{box-shadow:none;background:0 0;border:0;gap:28px;padding:0}.auth-page .mb-clerk .mb-clerk-header{text-align:left;align-items:flex-start;gap:6px}.auth-page .mb-clerk .mb-clerk-title{letter-spacing:-.028em;text-align:left;font-size:30px;font-weight:700;line-height:1.12}.auth-page .mb-clerk .mb-clerk-subtitle{color:var(--ink-2);text-align:left;font-size:14.5px}.auth-page .mb-clerk .mb-clerk-label{color:var(--ink-2);font-size:13px;font-weight:500}.auth-page .mb-clerk .mb-clerk-input{background:var(--field-bg);min-height:44px;box-shadow:none;transition:box-shadow .15s var(--ease), border-color .15s var(--ease);border:1px solid #0000;border-radius:12px;padding-inline:14px;font-size:14.5px}.auth-page .mb-clerk .mb-clerk-input:focus{border-color:var(--accent);box-shadow:0 0 0 4px var(--accent-soft)}.auth-page .mb-clerk .mb-clerk-primary{letter-spacing:-.005em;min-height:46px;color:var(--on-accent);background:var(--accent);box-shadow:0 1px 0 #ffffff38 inset, 0 3px 0 color-mix(in oklch, var(--accent) 55%, #000), 0 10px 22px -10px color-mix(in oklch, var(--accent) 75%, transparent);transition:transform .2s var(--spring), box-shadow .2s var(--ease), filter .15s var(--ease);border-radius:13px;font-size:14.5px;font-weight:600}@supports (color:lab(0% 0 0)){.auth-page .mb-clerk .mb-clerk-primary{box-shadow:0 1px 0 lab(100% 0 0/.22) inset, 0 3px 0 color-mix(in oklch, var(--accent) 55%, lab(0% 0 0)), 0 10px 22px -10px color-mix(in oklch, var(--accent) 75%, transparent)}}.auth-page .mb-clerk .mb-clerk-primary:hover{filter:brightness(1.07)}.auth-page .mb-clerk .mb-clerk-primary:active{box-shadow:0 1px 0 #ffffff38 inset, 0 1px 0 color-mix(in oklch, var(--accent) 55%, #000);transform:translateY(2px)}@supports (color:lab(0% 0 0)){.auth-page .mb-clerk .mb-clerk-primary:active{box-shadow:0 1px 0 lab(100% 0 0/.22) inset, 0 1px 0 color-mix(in oklch, var(--accent) 55%, lab(0% 0 0))}}.auth-page .mb-clerk .mb-clerk-otp{background:var(--field-bg);border-radius:12px}.auth-page.split .mb-clerk .mb-clerk-otp-field{align-items:flex-start}.auth-page.split .mb-clerk .mb-clerk-otp-row{justify-content:flex-start}.auth-page.split .mb-clerk .mb-clerk-alert{text-align:left;border-radius:12px;justify-content:flex-start}.auth-page.split .mb-clerk .mb-clerk-footer{background:0 0;justify-content:flex-start;align-items:flex-start;margin-top:4px;padding:0}.auth-page.split .mb-clerk .mb-clerk-footer>*,.auth-page.split .mb-clerk .mb-clerk-footer-action{text-align:left;justify-content:flex-start;margin-inline:0;padding-inline:0}.auth-page .mb-clerk .mb-clerk-link{color:var(--accent);font-weight:600}.auth-page .mb-clerk .mb-clerk-hide{display:none}.auth-page.wide .mb-clerk-card{border:1px solid var(--line-2);background:var(--surface);width:min(960px,100vw - 32px);box-shadow:var(--pop-shadow);border-radius:22px;overflow:hidden}.auth-page.wide .mb-clerk-card>*{box-shadow:none}.account-menu{position:relative}.account-pop{z-index:320;background:var(--menu);border:1px solid var(--line-2);min-width:240px;box-shadow:var(--pop-shadow);animation:auth-in .22s var(--spring) both;border-radius:14px;padding:6px;position:absolute;top:calc(100% + 8px);right:0}.account-pop header{border-bottom:1px solid var(--line);gap:2px;margin-bottom:4px;padding:8px 10px 10px;display:grid}.account-pop header strong{font-size:13.5px}.account-pop header small{color:var(--ink-3);text-overflow:ellipsis;white-space:nowrap;font-size:12px;overflow:hidden}.account-pop a,.account-pop button{width:100%;color:var(--ink);text-align:left;background:0 0;border-radius:9px;align-items:center;gap:9px;padding:8px 10px;font-size:13.5px;text-decoration:none;display:flex}.account-pop a:hover,.account-pop button:hover{background:var(--field-bg)}.avatar.has-image{padding:0;overflow:hidden}.avatar.has-image img{object-fit:cover;width:100%;height:100%}