.account-dialog{width:min(960px,calc(100% - 48px));max-width:960px;max-height:calc(100dvh - 48px);margin:auto;padding:0;overflow:hidden;border:1px solid hsl(var(--border));border-radius:16px;background:hsl(var(--card));color:hsl(var(--foreground))}.account-dialog::backdrop{background:rgb(0 0 0/.72)}.account-surface{display:flex;flex-direction:column;min-width:0;min-height:0;color:hsl(var(--foreground));background:hsl(var(--card))}.account-dialog .account-surface{height:min(720px,calc(100dvh - 48px))}.account-surface-body{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);min-height:0;flex:1}.account-dialog-brand{display:flex;align-items:center;justify-content:space-between;flex-shrink:0;padding:16px 16px 0 28px}.account-dialog-brand>a{font-family:inherit}.account-dialog-brand .brand-mark{width:28px;height:28px}.account-dialog-form-panel{min-width:0;min-height:0;overflow-y:auto;overscroll-behavior:contain;scroll-padding-block:20px;padding:24px 40px 32px}.account-preview{display:flex;flex-direction:column;justify-content:center;gap:28px;min-width:0;min-height:0;padding:32px;border-left:1px solid hsl(var(--border));overflow-y:auto}.account-preview-intro h3{max-width:26ch;font-size:20px;line-height:28px;font-weight:500;letter-spacing:-.025em;text-wrap:balance}.account-preview-intro p{margin-top:12px;max-width:42ch;font-size:14px;line-height:22px;color:hsl(var(--muted-foreground))}.account-preview figure{margin:0}.account-preview figure img{display:block;width:100%;height:auto;border:1px solid hsl(var(--border));border-radius:12px}.account-preview figcaption{display:grid;gap:4px;margin-top:16px;font-size:14px;line-height:20px;font-weight:500}.account-preview figcaption span+span,.account-preview-note{font-size:13px;line-height:20px;font-weight:400;color:hsl(var(--muted-foreground))}.account-back{display:inline-flex;align-items:center;min-height:44px;padding-inline:12px;font-size:13px;color:hsl(var(--muted-foreground))}.account-back:hover{color:hsl(var(--foreground))}.account-page{display:grid;place-items:center;min-height:100dvh;padding:40px 24px}.account-page .account-surface{width:100%;max-width:1040px;border:1px solid hsl(var(--border));border-radius:16px;overflow:hidden}.account-page .account-dialog-form-panel{overflow:visible}.account-surface .auth-form-heading{margin-bottom:24px;text-align:left}.account-surface .auth-form-heading h2{font-family:inherit;font-size:24px;line-height:32px;font-weight:600;letter-spacing:-.025em}.account-surface .auth-form-heading p{margin:8px 0 0;max-width:none;font-size:14px;line-height:21px;color:hsl(var(--muted-foreground))}.account-surface .auth-field,.account-surface .auth-fields{display:grid;gap:16px}.account-surface .auth-field{gap:6px;min-width:0}.account-surface .auth-name-fields{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:12px}.account-surface label{margin-left:0;font-size:13px;line-height:18px;font-weight:500;text-transform:none;letter-spacing:normal;color:hsl(var(--foreground))}.account-surface input{height:44px;min-width:0;font-size:14px;font-weight:400;border-radius:8px;background:hsl(var(--background));caret-color:hsl(var(--primary))}.account-surface input::-moz-placeholder{color:hsl(var(--muted-foreground))}.account-surface input::placeholder{color:hsl(var(--muted-foreground))}.account-surface input:focus-visible{outline:2px solid hsl(var(--ring));outline-offset:2px}.account-surface a,.account-surface button{outline-offset:3px}.account-surface a:focus-visible,.account-surface button:focus-visible{outline:2px solid hsl(var(--ring))}.account-surface input[autocomplete=current-password]+button,.account-surface input[autocomplete=new-password]+button{width:44px;height:44px}.account-surface .auth-password-label{display:flex;align-items:center;justify-content:space-between;gap:12px}.account-surface .auth-password-label a{font-size:12px;color:hsl(var(--muted-foreground))}.account-surface .auth-password-label a:hover{color:hsl(var(--foreground));text-decoration:underline;text-underline-offset:3px}.account-surface .auth-social-buttons{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.account-surface .auth-social-button{display:flex;align-items:center;justify-content:center;gap:8px;min-height:44px;border:1px solid hsl(var(--border));border-radius:8px;background:hsl(var(--background));color:hsl(var(--foreground));font-size:13px;font-weight:500;transition:background-color .12s ease-out}.account-surface .auth-social-button:hover{background:hsl(var(--accent))}.account-surface .auth-social-button:disabled,.account-surface .auth-submit:disabled{opacity:.5;cursor:not-allowed}.account-surface .auth-email-divider{display:flex;align-items:center;gap:12px;margin-block:20px;font-size:12px;line-height:18px;color:hsl(var(--muted-foreground))}.account-surface .auth-email-divider:after,.account-surface .auth-email-divider:before{content:"";height:1px;flex:1;background:hsl(var(--border))}.account-surface .auth-submit{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;min-height:44px;border-radius:8px;background:hsl(var(--primary));color:hsl(var(--primary-foreground));font-size:14px;font-weight:500;transition:opacity .12s ease-out}.account-surface .auth-submit:hover:not(:disabled){opacity:.9}.account-surface .auth-text-button{min-height:44px;font-size:13px;color:hsl(var(--muted-foreground))}.account-surface .auth-username-input{position:relative}.account-surface .auth-username-input>span{position:absolute;left:12px;top:50%;transform:translateY(-50%);color:hsl(var(--muted-foreground));font-size:14px}.account-surface .auth-username-input input{width:100%;padding-inline:32px 12px;border:1px solid hsl(var(--border))}.account-surface .auth-username-input input[aria-invalid=true]{border-color:hsl(var(--destructive))}.account-surface .auth-field-error,.account-surface .auth-username-status{font-size:12px;line-height:18px}.account-surface .auth-field-error{color:hsl(var(--destructive))}.account-surface .auth-username-suggestions{display:flex;flex-wrap:wrap;align-items:center;gap:8px;font-size:12px;color:hsl(var(--muted-foreground))}.account-surface .auth-username-suggestions button{min-height:32px;padding-inline:8px;border-radius:6px;background:hsl(var(--accent));color:hsl(var(--foreground))}.account-surface .auth-password-rules{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:4px 12px;margin-top:2px;font-size:12px;line-height:18px}.account-surface .auth-password-rules li{display:flex;align-items:center;gap:6px}.account-surface .auth-terms{font-size:12px;line-height:19px;color:hsl(var(--muted-foreground))}.account-surface .auth-terms a{color:hsl(var(--foreground));text-decoration:underline;text-underline-offset:3px}.account-surface .auth-form-error{margin-bottom:20px;padding:12px;border:1px solid hsl(var(--destructive)/.3);border-radius:8px;background:hsl(var(--destructive)/.08);color:hsl(var(--destructive));font-size:13px;line-height:20px}.account-surface .auth-provider-status{margin-top:16px;font-size:12px;line-height:19px;color:hsl(var(--muted-foreground))}.account-surface .auth-form-alternative{margin-top:20px;padding-top:12px;border-top:1px solid hsl(var(--border))}.account-surface .auth-form-alternative p{font-size:13px;font-weight:400}.account-surface .auth-alternative-action{display:inline-flex;align-items:center;min-height:44px}.account-dialog-close{display:flex;align-items:center;justify-content:center;flex-shrink:0;width:44px;height:44px;border-radius:8px;color:hsl(var(--muted-foreground))}.account-dialog-close:hover{color:hsl(var(--foreground));background:hsl(var(--accent))}.account-dialog-close:focus-visible{outline:2px solid hsl(var(--ring));outline-offset:-3px}@media (max-width:767px){.account-dialog{width:calc(100% - 24px);max-height:calc(100dvh - 24px)}.account-dialog .account-surface{height:min(720px,calc(100dvh - 24px))}.account-surface-body{display:block}.account-dialog .account-surface-body{overflow-y:auto;overscroll-behavior:contain}.account-dialog-brand{padding:12px 12px 0 20px}.account-dialog-form-panel{overflow:visible;padding:16px 24px 24px}.account-preview{padding:32px 24px;border-left:0;border-top:1px solid hsl(var(--border))}.account-page{padding:16px 12px}.account-surface .auth-name-fields{grid-template-columns:minmax(0,1fr)}}