.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{border-radius:var(--r-xl);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;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);border-radius:var(--r-lg);opacity:0;transition:opacity .7s var(--ease), transform .9s var(--spring);background:#e6e3de;background:lab(90.3895% .472248 2.62247);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{border-radius:var(--r-2xs);background:var(--line-2);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}@keyframes auth-in{0%{opacity:0;transform:translateY(10px)}}@media (prefers-reduced-motion:reduce){.auth-form,.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{border-radius:var(--r-md);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;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{border-radius:var(--r-md);letter-spacing:-.005em;min-height:46px;color:var(--on-accent);background:var(--accent-fill);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);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{border-radius:var(--r-md);background:var(--field-bg)}.auth-page.split .mb-clerk .cl-form{align-items:stretch}.auth-page.split .mb-clerk .cl-identityPreview{justify-content:flex-start;gap:6px;max-width:100%}.auth-page.split .mb-clerk .cl-identityPreviewText{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.auth-page.split .mb-clerk .mb-clerk-otp-field,.auth-page.split .mb-clerk .cl-otpCodeFieldInputContainer{text-align:left;align-items:flex-start;width:100%}.auth-page.split .mb-clerk .mb-clerk-otp-row{justify-content:flex-start;gap:8px;width:100%}.auth-page.split .mb-clerk .mb-clerk-otp-row .cl-otpCodeFieldInput.mb-clerk-otp{flex:1 1 0;width:auto;max-width:54px;height:52px;max-height:none;font-size:22px;font-weight:600}.auth-page.split .mb-clerk .cl-formResendCodeLink,.auth-page.split .mb-clerk .cl-otpCodeFieldErrorText{text-align:left;justify-content:flex-start;align-self:flex-start;margin-top:4px;padding-inline:0}.auth-page.split .mb-clerk .mb-clerk-alert{text-align:left;border-radius:var(--r-md);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}.account-menu{position:relative}.account-pop{z-index:320;border-radius:var(--r-lg);background:var(--menu);border:1px solid var(--line-2);min-width:240px;box-shadow:var(--pop-shadow);animation:auth-in .22s var(--spring) both;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{border-radius:var(--r-sm);width:100%;color:var(--ink);text-align:left;background:0 0;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%}
.color-picker{gap:10px;width:240px;padding:4px;display:grid}.color-picker .react-colorful{gap:10px;width:100%;height:auto}.color-picker .react-colorful__saturation{border-radius:var(--r-md);border-bottom:0;height:150px;box-shadow:inset 0 0 0 1px #00000014;box-shadow:inset 0 0 0 1px lab(0% 0 0/.08)}.color-picker .react-colorful__hue,.color-picker .react-colorful__alpha{border-radius:var(--r-sm);height:12px}.color-picker .react-colorful__last-control{border-radius:var(--r-sm)}.color-picker .react-colorful__pointer{border:2px solid #fff;border:2px solid lab(100% 0 0);width:18px;height:18px;box-shadow:0 0 0 1px #0003,0 2px 6px #00000059;box-shadow:0 0 0 1px lab(0% 0 0/.2),0 2px 6px lab(0% 0 0/.35)}.color-picker .react-colorful__hue-pointer,.color-picker .react-colorful__alpha-pointer{width:16px;height:16px}.cp-row{align-items:center;gap:6px;display:flex}.cp-dropper{border-radius:var(--r-sm);background:var(--field-bg);width:30px;height:30px;color:var(--ink-2);transition:background .15s var(--ease), color .15s var(--ease);flex:none;place-items:center;display:grid}.cp-dropper:hover{color:var(--ink)}.cp-modes{border-radius:var(--r-sm);background:var(--field-bg);flex:1;gap:2px;padding:2px;display:flex}.cp-modes button{border-radius:var(--r-sm);letter-spacing:.02em;height:26px;color:var(--ink-3);flex:1;font-size:11px;font-weight:600}.cp-modes button.on{background:var(--surface-3);color:var(--ink)}.cp-values{gap:6px;display:flex}.cp-values label{flex:1;min-width:0;position:relative}.cp-values input,.cp-hex{border-radius:var(--r-sm);background:var(--field-bg);width:100%;height:32px;color:var(--ink);font:500 12.5px var(--mono);font-variant-numeric:tabular-nums;border:0;outline:none;padding:0 22px 0 8px}.cp-hex{text-transform:uppercase;flex:2;padding-right:8px}.cp-values input:focus,.cp-hex:focus{box-shadow:inset 0 0 0 1.5px var(--accent)}.cp-values small{color:var(--ink-3);pointer-events:none;font-size:10px;font-weight:600;position:absolute;top:50%;right:7px;translate:0 -50%}.cp-alpha{flex:0 0 64px!important}.cp-swatches{gap:6px;display:grid}.cp-swatches>small{color:var(--ink-3);font-size:11px;font-weight:600}.cp-swatches>div{grid-template-columns:repeat(8,1fr);gap:6px;display:grid}.cp-swatches button{aspect-ratio:1;border-radius:var(--r-sm);background:linear-gradient(var(--sw), var(--sw)), repeating-conic-gradient(#bebebe 0 25%, #fff 0 50%) 0 0 / 8px 8px;transition:transform .12s var(--ease);box-shadow:inset 0 0 0 1px #0000001f;box-shadow:inset 0 0 0 1px lab(0% 0 0/.12)}@supports (color:lab(0% 0 0)){.cp-swatches button{background:linear-gradient(var(--sw), var(--sw)), repeating-conic-gradient(lab(76.8% -.0000298023 0) 0 25%, lab(100% 0 0) 0 50%) 0 0 / 8px 8px}}.cp-swatches button:hover{transform:scale(1.1)}.cp-swatches button.on{box-shadow:0 0 0 2px var(--surface), 0 0 0 3.5px var(--accent)}