.auth-screen{--auth-surface:var(--pub-surface,var(--ui2-surface,#ffffff));--auth-raised:var(--pub-raised,var(--ui2-raised,#eef3f6));--auth-text:var(--pub-text,var(--ui2-text,#14212b));--auth-muted:var(--pub-muted,var(--ui2-muted,#5e6d79));--auth-line:var(--pub-line,var(--ui2-border,#d7e0e6));--auth-primary:var(--pub-primary,var(--ui2-primary,#0e6f83));--auth-primary-ink:var(--pub-primary-ink,var(--ui2-on-primary,#ffffff));--auth-danger:var(--ui2-danger,#ff8b7e);--auth-success:var(--ui2-success,#7fd3a1);--auth-glow-2:#8a5a2b;--auth-shadow:0 30px 80px -30px rgba(0,0,0,0.75),0 10px 30px -16px rgba(0,0,0,0.55);--auth-ease:cubic-bezier(0.2,0.8,0.2,1);position:relative;isolation:isolate;display:grid;justify-items:center;align-content:start;width:100%;min-height:calc(100dvh - 140px);padding:clamp(28px,8vh,88px) 16px 72px;overflow:hidden;color:var(--auth-text);font-family:var(--pub-font,var(--ui2-font-geist,inherit))}html[data-theme=light] .auth-screen{--auth-danger:var(--ui2-danger,#c0362c);--auth-success:var(--ui2-success,#18794e);--auth-glow-2:#6cc3d5;--auth-shadow:0 30px 70px -32px rgba(16,42,58,0.32),0 10px 26px -16px rgba(16,42,58,0.18)}.auth-screen-portal{min-height:0;padding:clamp(16px,4vh,40px) 0 32px;overflow:visible}.auth-backdrop{position:absolute;inset:0;z-index:-1;overflow:hidden;pointer-events:none}.auth-backdrop span{position:absolute;width:min(62vw,560px);aspect-ratio:1;border-radius:50%;background:radial-gradient(circle,color-mix(in srgb,var(--auth-primary) 42%,transparent) 0,transparent 68%);filter:blur(40px);opacity:.6;animation:auth-drift 22s var(--auth-ease) infinite alternate}.auth-backdrop span:first-child{top:-12%;left:8%}.auth-backdrop span:nth-child(2){top:6%;right:4%;background:radial-gradient(circle,color-mix(in srgb,var(--auth-glow-2) 40%,transparent) 0,transparent 68%);animation-duration:26s;animation-delay:-8s}.auth-backdrop span:nth-child(3){top:44%;left:34%;width:min(48vw,420px);opacity:.4;animation-duration:30s;animation-delay:-14s}@keyframes auth-drift{0%{transform:translateZ(0) scale(1)}to{transform:translate3d(6%,8%,0) scale(1.18)}}.auth-card{position:relative;display:grid;grid-gap:22px;gap:22px;width:min(100%,440px);padding:clamp(24px,5vw,36px);border:1px solid var(--auth-line);border-radius:24px;background:color-mix(in srgb,var(--auth-surface) 86%,transparent);box-shadow:inset 0 1px 0 color-mix(in srgb,#ffffff 7%,transparent),var(--auth-shadow);backdrop-filter:blur(20px) saturate(140%);-webkit-backdrop-filter:blur(20px) saturate(140%);animation:auth-card-in .56s var(--auth-ease) both}.auth-card-wide{width:min(100%,520px)}.auth-screen-portal .auth-card{background:var(--auth-surface);backdrop-filter:none;-webkit-backdrop-filter:none}@keyframes auth-card-in{0%{opacity:0;transform:translateY(16px) scale(.985)}to{opacity:1;transform:none}}.auth-pane{display:grid;grid-gap:18px;gap:18px;min-width:0;animation:auth-pane-in .34s var(--auth-ease) both}@keyframes auth-pane-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}.auth-heading{display:grid;justify-items:center;grid-gap:6px;gap:6px;text-align:center}.auth-mark{display:grid;place-items:center;width:52px;height:52px;margin-bottom:8px;overflow:hidden;border:1px solid var(--auth-line);border-radius:16px;background:var(--auth-raised);color:var(--auth-primary);box-shadow:0 10px 26px -14px color-mix(in srgb,var(--auth-primary) 70%,transparent);animation:auth-mark-in .7s .12s var(--auth-ease) both}.auth-mark img{width:100%;height:100%;object-fit:contain}@keyframes auth-mark-in{0%{opacity:0;transform:scale(.8) rotate(-8deg)}to{opacity:1;transform:none}}.auth-eyebrow{margin:0;color:var(--auth-primary);font-size:.74rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase}.auth-heading h1{margin:0;color:var(--auth-text);font-family:inherit;font-size:clamp(1.55rem,3.4vw,1.9rem);font-weight:700;letter-spacing:-.03em;line-height:1.15}.auth-subtitle{max-width:34ch;margin:0;color:var(--auth-muted);font-size:.95rem;line-height:1.5;overflow-wrap:anywhere}.auth-subtitle strong{color:var(--auth-text);font-weight:600}.auth-switch{position:relative;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));padding:4px;border:1px solid var(--auth-line);border-radius:14px;background:var(--auth-raised)}.auth-switch-indicator{position:absolute;top:4px;bottom:4px;left:4px;width:calc((100% - 8px) / 2);border-radius:10px;background:var(--auth-surface);box-shadow:0 1px 2px rgba(0,0,0,.12),0 6px 16px -10px rgba(0,0,0,.35);transition:transform .36s var(--auth-ease)}.auth-switch[data-active="1"] .auth-switch-indicator{transform:translateX(100%)}.auth-switch-option{position:relative;z-index:1;min-height:40px;padding:0 10px;border:0;border-radius:10px;background:transparent;color:var(--auth-muted);font:inherit;font-size:.92rem;font-weight:600;cursor:pointer;transition:color .2s ease}.auth-switch-option:hover,.auth-switch-option[aria-pressed=true],.auth-switch-option[aria-selected=true]{color:var(--auth-text)}.auth-switch-option:disabled{cursor:default}.auth-provider{position:relative;display:flex;align-items:center;justify-content:center;gap:12px;min-height:50px;padding:0 18px;border:1px solid var(--auth-line);border-radius:14px;background:var(--auth-surface);color:var(--auth-text);font:inherit;font-size:.98rem;font-weight:600;text-decoration:none;transition:border-color .2s ease,box-shadow .24s ease,transform .2s var(--auth-ease)}.auth-provider:hover{border-color:color-mix(in srgb,var(--auth-primary) 55%,var(--auth-line));box-shadow:0 12px 26px -16px color-mix(in srgb,var(--auth-primary) 75%,transparent);transform:translateY(-1px)}.auth-provider:active{transform:translateY(0) scale(.99)}.auth-provider-last{border-color:color-mix(in srgb,var(--auth-primary) 45%,var(--auth-line))}.auth-provider-icon{width:20px;height:20px;flex:0 0 auto}.auth-last-used{display:inline-flex;align-items:center;gap:5px;padding:3px 9px;border-radius:999px;background:var(--auth-primary);color:var(--auth-primary-ink);font-size:.7rem;font-weight:700;letter-spacing:.02em;line-height:1.3;white-space:nowrap;box-shadow:0 6px 14px -8px color-mix(in srgb,var(--auth-primary) 80%,transparent);animation:auth-badge-in .7s cubic-bezier(.2,1.5,.4,1) .36s both}.auth-last-used:before{content:"";width:6px;height:6px;border-radius:50%;background:currentColor;opacity:.85;animation:auth-badge-pulse 2.4s ease-in-out 1.2s infinite}.auth-provider .auth-last-used{position:absolute;top:-10px;right:14px}@keyframes auth-badge-in{0%{opacity:0;transform:translateY(4px) scale(.85)}to{opacity:1;transform:none}}@keyframes auth-badge-pulse{0%,to{transform:scale(1)}50%{transform:scale(1.6);opacity:.4}}.auth-divider{display:flex;align-items:center;gap:14px;color:var(--auth-muted);font-size:.76rem;font-weight:600;letter-spacing:.1em;text-transform:uppercase}.auth-divider:after,.auth-divider:before{content:"";flex:1 1;height:1px;background:var(--auth-line)}.auth-form{display:grid;grid-gap:16px;gap:16px;min-width:0}.auth-form[data-shake=a]{animation:auth-shake-a .42s ease}.auth-form[data-shake=b]{animation:auth-shake-b .42s ease}@keyframes auth-shake-a{20%,60%{transform:translateX(-6px)}40%,80%{transform:translateX(6px)}}@keyframes auth-shake-b{20%,60%{transform:translateX(-6px)}40%,80%{transform:translateX(6px)}}.auth-field,.auth-form label.auth-field{display:grid;grid-gap:7px;gap:7px;min-width:0}.auth-field .field-label,.auth-label{color:var(--auth-text);font-size:.86rem;font-weight:600;letter-spacing:0;text-transform:none}.auth-field-with-action{grid-template-columns:minmax(0,1fr) auto;column-gap:10px}.auth-field-with-action>*{grid-column:1/-1}.auth-field-with-action>.auth-label{grid-column:1;grid-row:1;align-self:center}.auth-field-with-action>.auth-field-action{grid-column:2;grid-row:1;align-self:center;justify-self:end}.auth-caps,.auth-suggest{margin:0;font-size:.8rem;line-height:1.4;animation:auth-notice-in .22s var(--auth-ease) both}.auth-caps{color:var(--auth-danger);font-weight:600}.auth-suggest{color:var(--auth-muted)}.auth-suggest .auth-text-button{font-size:inherit}.auth-countdown[data-urgent]{color:var(--auth-danger);font-weight:600}.auth-label-row{display:flex;align-items:center;justify-content:space-between;gap:10px;min-width:0}.auth-input{width:100%;min-width:0;min-height:48px;padding:0 14px;border:1px solid var(--auth-line);border-radius:12px;background:color-mix(in srgb,var(--auth-raised) 55%,var(--auth-surface));color:var(--auth-text);font:inherit;font-size:1rem;transition:border-color .16s ease,box-shadow .2s ease,background .16s ease}.auth-input:hover{border-color:color-mix(in srgb,var(--auth-text) 22%,var(--auth-line))}.auth-input:focus{border-color:var(--auth-primary);outline:none;background:var(--auth-surface);box-shadow:0 0 0 4px color-mix(in srgb,var(--auth-primary) 20%,transparent)}.auth-input[aria-invalid=true]{border-color:var(--auth-danger)}.auth-input:-webkit-autofill,.auth-input:-webkit-autofill:focus,.auth-input:-webkit-autofill:hover{-webkit-text-fill-color:var(--auth-text);box-shadow:0 0 0 1000px var(--auth-surface) inset;-webkit-transition:background-color 9999s ease-out;transition:background-color 9999s ease-out}.auth-password{position:relative;min-width:0}.auth-password .auth-input{padding-right:52px}.auth-password-toggle{position:absolute;top:50%;right:6px;display:grid;place-items:center;width:38px;height:38px;border:0;border-radius:9px;background:transparent;color:var(--auth-muted);cursor:pointer;transform:translateY(-50%);transition:background .16s ease,color .16s ease}.auth-password-toggle:hover{background:var(--auth-raised);color:var(--auth-text)}.auth-password-toggle svg{width:20px;height:20px}.auth-strength{display:grid;grid-gap:6px;gap:6px}.auth-strength-bars{display:grid;grid-template-columns:repeat(4,1fr);grid-gap:5px;gap:5px}.auth-strength-bars span{height:4px;border-radius:999px;background:var(--auth-line);transition:background .26s ease}.auth-strength[data-score="1"] .auth-strength-bars span:nth-child(-n+1),.auth-strength[data-score="2"] .auth-strength-bars span:nth-child(-n+2),.auth-strength[data-score="3"] .auth-strength-bars span:nth-child(-n+3),.auth-strength[data-score="4"] .auth-strength-bars span{background:var(--auth-primary)}.auth-strength[data-score="1"] .auth-strength-bars span:nth-child(-n+1){background:var(--auth-danger)}.auth-field-error,.auth-strength-label{margin:0;color:var(--auth-muted);font-size:.8rem}.auth-field-error{color:var(--auth-danger)}.auth-text-button{padding:0;border:0;background:none;color:var(--auth-primary);font:inherit;font-size:.86rem;font-weight:600;text-underline-offset:3px;cursor:pointer}.auth-text-button:hover{text-decoration:underline}.auth-text-button:disabled{opacity:.6;cursor:default;text-decoration:none}.auth-submit{position:relative;display:flex;align-items:center;justify-content:center;gap:10px;width:100%;min-height:50px;overflow:hidden;border:0;border-radius:14px;background:var(--auth-primary);color:var(--auth-primary-ink);font:inherit;font-size:1rem;font-weight:650;cursor:pointer;box-shadow:inset 0 1px 0 rgba(255,255,255,.2),0 14px 28px -16px color-mix(in srgb,var(--auth-primary) 90%,transparent);transition:transform .16s var(--auth-ease),filter .2s ease,box-shadow .24s ease,opacity .2s ease}.auth-submit:after{content:"";position:absolute;inset:0;background:linear-gradient(110deg,transparent 30%,rgba(255,255,255,.28) 50%,transparent 70%);transform:translateX(-110%);transition:transform .8s var(--auth-ease);pointer-events:none}.auth-submit:hover:not(:disabled){filter:brightness(1.06);transform:translateY(-1px)}.auth-submit:hover:not(:disabled):after{transform:translateX(110%)}.auth-submit:active:not(:disabled){transform:translateY(0) scale(.99)}.auth-submit:disabled{opacity:.55;cursor:not-allowed;box-shadow:none}.auth-submit[aria-busy=true]{opacity:.85;cursor:progress}a.auth-secondary,a.auth-secondary:hover,a.auth-submit,a.auth-submit:hover{text-decoration:none}.auth-secondary{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;min-height:46px;border:1px solid var(--auth-line);border-radius:14px;background:transparent;color:var(--auth-text);font:inherit;font-size:.95rem;font-weight:600;cursor:pointer;transition:background .16s ease,border-color .16s ease}.auth-secondary:hover:not(:disabled){border-color:color-mix(in srgb,var(--auth-text) 22%,var(--auth-line));background:var(--auth-raised)}.auth-back{display:inline-flex;align-items:center;justify-self:start;gap:6px;padding:4px 8px 4px 4px;border:0;border-radius:8px;background:none;color:var(--auth-muted);font:inherit;font-size:.88rem;font-weight:600;cursor:pointer;transition:color .16s ease}.auth-back:hover{color:var(--auth-text)}.auth-back svg{width:16px;height:16px;transition:transform .2s var(--auth-ease)}.auth-back:hover svg{transform:translateX(-3px)}.auth-spinner{width:18px;height:18px;flex:0 0 auto;border:2px solid;border-right:2px solid transparent;border-radius:50%;animation:auth-spin .7s linear infinite}@keyframes auth-spin{to{transform:rotate(1turn)}}.auth-notice{display:flex;align-items:flex-start;gap:10px;padding:12px 14px;border:1px solid;border-radius:14px;font-size:.9rem;line-height:1.45;overflow-wrap:anywhere;animation:auth-notice-in .32s var(--auth-ease) both}.auth-notice:focus{outline:none}.auth-notice svg{width:20px;height:20px;flex:0 0 auto;margin-top:1px}.auth-notice-error{border-color:color-mix(in srgb,var(--auth-danger) 40%,transparent);background:color-mix(in srgb,var(--auth-danger) 11%,transparent);color:var(--auth-text)}.auth-notice-error svg{color:var(--auth-danger)}.auth-notice-info{border-color:color-mix(in srgb,var(--auth-primary) 32%,transparent);background:color-mix(in srgb,var(--auth-primary) 10%,transparent);color:var(--auth-text)}.auth-notice-info svg{color:var(--auth-primary)}@keyframes auth-notice-in{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:none}}.auth-note{display:grid;grid-gap:4px;gap:4px;padding:12px 14px;border:1px solid var(--auth-line);border-radius:14px;background:color-mix(in srgb,var(--auth-raised) 70%,transparent);color:var(--auth-muted);font-size:.86rem;line-height:1.5}.auth-note strong{color:var(--auth-text);font-size:.9rem}.auth-note-actions{display:flex;flex-wrap:wrap;gap:4px 16px;margin-top:4px}.auth-choice{display:grid;grid-gap:8px;gap:8px;min-width:0;margin:0;padding:0;border:0}.auth-choice legend{margin-bottom:7px;padding:0;color:var(--auth-text);font-size:.86rem;font-weight:600}.auth-choice-options{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-gap:8px;gap:8px}.auth-choice-option{position:relative;display:grid;place-items:center;min-height:46px;padding:6px 8px;border:1px solid var(--auth-line);border-radius:12px;background:color-mix(in srgb,var(--auth-raised) 55%,var(--auth-surface));color:var(--auth-muted);font-size:.86rem;font-weight:600;line-height:1.25;text-align:center;cursor:pointer;transition:border-color .16s ease,background .16s ease,color .16s ease,box-shadow .2s ease}.auth-choice-option input{position:absolute;inset:0;width:100%;height:100%;margin:0;opacity:0;cursor:pointer}.auth-choice-option:has(input:checked){border-color:var(--auth-primary);background:color-mix(in srgb,var(--auth-primary) 12%,var(--auth-surface));color:var(--auth-text);box-shadow:0 0 0 3px color-mix(in srgb,var(--auth-primary) 16%,transparent)}.auth-choice-option:has(input:focus-visible){outline:2px solid var(--auth-primary);outline-offset:2px}.auth-check{display:flex;align-items:flex-start;gap:10px;color:var(--auth-muted);font-size:.88rem;line-height:1.45;cursor:pointer}.auth-check input{width:18px;height:18px;flex:0 0 auto;margin:1px 0 0;accent-color:var(--auth-primary)}.auth-card .appearance-theme-setup-card{display:grid;grid-gap:8px;gap:8px;margin:0;padding:14px;border:1px solid var(--auth-line);border-radius:14px;background:color-mix(in srgb,var(--auth-raised) 60%,transparent)}.auth-card .appearance-theme-setup-card legend{float:left;width:100%;padding:0;color:var(--auth-text);font-size:.86rem;font-weight:600;letter-spacing:0;text-transform:none}.auth-card .appearance-theme-setup-card .support-copy{margin:0;color:var(--auth-muted);font-size:.84rem}.auth-footer{margin:0;color:var(--auth-muted);font-size:.88rem;line-height:1.5;text-align:center}.auth-shield{width:30px;height:30px}.auth-shield-outline{stroke-dasharray:120;stroke-dashoffset:120;animation:auth-draw .9s .2s var(--auth-ease) forwards}.auth-shield-tick{stroke-dasharray:24;stroke-dashoffset:24;animation:auth-draw .5s .95s var(--auth-ease) forwards}@keyframes auth-draw{to{stroke-dashoffset:0}}.auth-otp{position:relative;min-width:0}.auth-otp-input{position:absolute;inset:0;z-index:1;width:100%;height:100%;padding:0;border:0;background:transparent;color:transparent;-webkit-text-fill-color:transparent;caret-color:transparent;font-size:16px;opacity:.02;cursor:text}.auth-otp-input::selection{background:transparent}.auth-otp-input:focus{outline:none}.auth-otp-boxes{display:grid;grid-template-columns:repeat(3,minmax(0,1fr)) clamp(0px,.8vw,4px) repeat(3,minmax(0,1fr));grid-gap:clamp(6px,1.6vw,10px);gap:clamp(6px,1.6vw,10px)}.auth-otp-box:nth-child(4){grid-column-start:5}.auth-otp-box{display:grid;place-items:center;aspect-ratio:5/6;min-height:52px;border:1px solid var(--auth-line);border-radius:14px;background:color-mix(in srgb,var(--auth-raised) 55%,var(--auth-surface));color:var(--auth-text);font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:clamp(1.35rem,5vw,1.7rem);font-feature-settings:"tnum";font-variant-numeric:tabular-nums;font-weight:700;transition:border-color .16s ease,box-shadow .2s ease,background .16s ease,transform .2s var(--auth-ease)}.auth-otp-box-filled{border-color:color-mix(in srgb,var(--auth-primary) 50%,var(--auth-line));background:var(--auth-surface);animation:auth-digit-in .26s cubic-bezier(.2,1.5,.4,1)}.auth-otp-box-active{border-color:var(--auth-primary);box-shadow:0 0 0 4px color-mix(in srgb,var(--auth-primary) 20%,transparent)}.auth-otp-box-active:empty:after{content:"";width:2px;height:1.2em;border-radius:999px;background:var(--auth-primary);animation:auth-caret 1.1s steps(2,start) infinite}.auth-otp[data-state=error] .auth-otp-box{border-color:var(--auth-danger)}.auth-otp[data-state=done] .auth-otp-box{border-color:var(--auth-success)}@keyframes auth-digit-in{0%{transform:scale(.86)}to{transform:none}}@keyframes auth-caret{50%{opacity:0}}.auth-code-input{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;letter-spacing:.12em}.auth-help{margin:0;color:var(--auth-muted);font-size:.84rem;line-height:1.45}.auth-countdown{font-feature-settings:"tnum";font-variant-numeric:tabular-nums}@media (max-width:520px){.auth-card{border-radius:20px}.auth-choice-options{grid-template-columns:minmax(0,1fr)}}@media (prefers-reduced-motion:reduce){.auth-backdrop span,.auth-caps,.auth-card,.auth-form[data-shake],.auth-last-used,.auth-last-used:before,.auth-mark,.auth-notice,.auth-otp-box-active:empty:after,.auth-otp-box-filled,.auth-pane,.auth-suggest{animation:none}.auth-shield-outline,.auth-shield-tick{animation:none;stroke-dashoffset:0}.auth-back svg,.auth-provider,.auth-submit,.auth-submit:after,.auth-switch-indicator{transition:none}}