.auth-page{flex-direction:column;align-items:center;min-width:0;padding:80px 16px;display:flex}.auth-card{border:1px solid var(--line);background:var(--surface);border-radius:16px;flex-direction:column;gap:24px;width:450px;max-width:100%;padding:40px;display:flex;box-shadow:0 18px 32px #00000073}.auth-register .auth-card{width:480px}.auth-heading{text-align:center;flex-direction:column;gap:4px;display:flex}.auth-heading h1{color:var(--white);font-size:24px;font-weight:800;line-height:1.2}.auth-heading p{color:var(--muted);font-size:14px;line-height:1.4}.auth-mobile-copy{display:none}.auth-form,.auth-fields{flex-direction:column;gap:24px;min-width:0;display:flex}.auth-fields{border:0;margin:0;padding:0}.auth-hint{color:var(--muted);font-size:12px;line-height:1.5}.auth-form button:disabled,.profile-account button:disabled{opacity:.6;cursor:wait}.auth-field input[aria-invalid=true]{border-color:var(--brand)}.auth-password-input:has(input[aria-invalid=true]){border-color:var(--brand)}.profile-account{border:1px solid var(--line);background:var(--surface);border-radius:12px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;margin-bottom:32px;padding:20px;display:flex}.profile-account h1{font-size:20px;font-weight:700}.profile-account>div{min-width:0}.profile-account-email{overflow-wrap:anywhere;color:var(--muted)}.profile-account-note,.profile-account>.auth-message{color:var(--muted);flex-basis:100%;font-size:13px}.profile-password-form{border-top:1px solid var(--line);flex-direction:column;flex-basis:100%;gap:12px;padding-top:16px;display:flex}.profile-password-form h2{font-size:16px;font-weight:700}.profile-password-form label{color:var(--muted);flex-direction:column;gap:6px;font-size:13px;display:flex}.profile-password-form input{border:1px solid var(--line);background:var(--page);height:40px;color:var(--ink);border-radius:8px;padding:0 12px}.profile-password-form .button{align-self:flex-start}.auth-fields{gap:16px}.auth-field{flex-direction:column;gap:4px;min-width:0;display:flex}.auth-field>label{margin-bottom:8px}.auth-field label{color:var(--muted);font-size:13px;font-weight:500;line-height:16px}.auth-field>input,.auth-password-input{border:1px solid var(--line);background:var(--surface);border-radius:8px;width:100%;height:44px}.auth-field input:not([type=checkbox]){min-width:0;color:var(--ink);padding:0 16px;font-size:14px}.auth-field input::placeholder{color:var(--muted);opacity:.65}.auth-field input:not([type=checkbox]){-webkit-box-shadow:0 0 0 1000px var(--surface) inset;box-shadow:0 0 0 1000px var(--surface) inset;-webkit-text-fill-color:var(--ink);caret-color:var(--ink)}.auth-password-input{align-items:center;padding-right:16px;display:flex}.auth-password-input input{background:0 0;border:0;border-radius:8px;flex:1;width:0;height:100%}.auth-password-input:has(input:focus-visible){outline:2px solid var(--brand);outline-offset:4px}.auth-password-input input:focus-visible{outline:none}.auth-password-input button{color:var(--brand);min-height:32px;font-size:12px;font-weight:600}.auth-field-label{align-items:center;gap:4px;display:flex}.auth-help-toggle{background:var(--line-strong);width:14px;height:14px;color:var(--white);border-radius:6px;font-size:10px;font-weight:700}.auth-token-help{border:1px solid var(--line);background:var(--elevated);color:var(--muted);border-radius:6px;padding:8px;font-size:11px;line-height:1.4}.auth-actions{flex-direction:column;align-items:center;gap:8px;display:flex}.auth-actions>.button{width:100%;height:46px}.auth-back{min-height:44px;color:var(--muted);cursor:pointer;background:0 0;border:0;justify-content:center;align-items:center;gap:6px;padding:0 12px;font-size:14px;font-weight:500;line-height:1.4;display:inline-flex}.auth-back:disabled{opacity:.5;cursor:not-allowed}@media (hover:hover){.auth-back:hover:not(:disabled){color:var(--ink)}}.auth-back:focus-visible{outline:2px solid var(--brand);outline-offset:2px;border-radius:6px}.auth-text-button,.auth-switch a{color:var(--brand);font-size:13px;font-weight:500}.auth-divider{color:var(--muted);align-items:center;gap:12px;font-size:12px;line-height:16px;display:flex}.auth-divider>span{background:var(--line);flex:1;height:1px}.auth-providers{gap:12px;display:flex}.auth-provider{border:1px solid var(--line);min-width:0;color:var(--white);background:var(--surface);border-radius:8px;flex:1;padding:8px 4px;font-size:13px;font-weight:600;line-height:16px}.auth-switch{text-align:center;color:var(--muted);font-size:13px;line-height:18px}.auth-agreement{color:var(--muted);align-items:flex-start;gap:8px;font-size:13px;line-height:18px;display:flex}.auth-agreement>input{width:18px;height:18px;accent-color:var(--brand);flex-shrink:0}.auth-strength{align-items:center;gap:4px;min-height:16px;display:flex}.auth-strength>span{background:var(--line);flex:1;height:4px}.auth-strength>span[data-active=true]{background:var(--brand)}.auth-strength small{color:var(--muted);font-size:11px}.auth-message{border:1px solid var(--brand);color:var(--ink);border-radius:8px;padding:10px;font-size:13px}.auth-footer{display:none}@media (max-width:767px){.auth-page{padding:0;display:block}.auth-card,.auth-register .auth-card{width:100%;max-width:none;box-shadow:none;background:var(--page);border:0;border-radius:0;gap:20px;padding:0 16px 16px}.auth-register .auth-card{gap:16px}.auth-heading{margin:0 -16px;padding:24px 16px 8px}.auth-login .auth-heading{background:radial-gradient(ellipse at top,color-mix(in srgb,var(--brand-active) 20%,transparent),transparent 72%)}.auth-register .auth-heading{padding-top:20px}.auth-heading h1{font-size:20px}.auth-heading p{font-size:13px}.auth-desktop-copy{display:none}.auth-mobile-copy{display:block}.auth-form,.auth-login .auth-fields{gap:20px}.auth-register .auth-form{gap:16px}.auth-footer{text-align:center;background:var(--surface);color:var(--muted);padding:16px;font-size:11px;display:block}}
