.auth-card{max-width:400px;margin:2rem auto;padding:0.25rem 0;box-sizing:border-box}.auth-card h3{color:var(--reo-green-dark);margin-bottom:1.5rem;text-align:center}.auth-card>h2{margin-bottom:1.5rem;text-align:center}.auth-card label{display:block;font-weight:600;margin-top:1rem;margin-bottom:0.4rem}.auth-card .field-hint{color:#6b7280;display:block;font-size:0.84rem;line-height:1.4;margin-top:0.35rem}.pending-reconfirmation{color:var(--reo-muted);font-size:0.9rem;margin-top:var(--reo-space-2)}.auth-card input[type="checkbox"]{margin-right:0.4rem}.auth-card .account-writing-setting label{align-items:flex-start;display:flex;gap:0.15rem}.auth-card .account-writing-setting input[type="checkbox"]{flex:0 0 auto;margin-top:0.15rem}.auth-card .actions{margin-top:1.5rem;text-align:center}.auth-card .actions input[type="submit"],.auth-card button{background-color:var(--reo-green);color:white;border:none;padding:0.75rem 1.25rem;border-radius:8px;cursor:pointer;width:100%;font-size:1rem;font-weight:700;box-shadow:0 8px 18px rgba(16,185,129,0.18);transition:background-color 0.18s ease, transform 0.18s ease, box-shadow 0.18s ease}.auth-card .actions input[type="submit"]:hover{background-color:var(--reo-green-dark);transform:translateY(-1px);box-shadow:0 12px 26px rgba(16,185,129,0.22)}.auth-card a{color:#168356;text-decoration:none}.auth-card a:hover{text-decoration:underline}.auth-card .links{text-align:center;margin-top:1rem;font-size:0.9rem}.auth-errors{background:#fff7ed;border:1px solid #fdba74;border-left:4px solid #f97316;border-radius:10px;color:#7c2d12;margin:0 0 1.25rem;padding:0.9rem 1rem}.auth-errors h3{color:#9a3412;font-size:1rem;margin:0 0 0.45rem;text-align:left}.auth-errors ul{margin:0;padding-left:1.2rem}.auth-errors li{font-size:0.92rem;line-height:1.45}.auth-card-signup-prompt{color:var(--reo-muted);font-size:0.95rem;font-weight:600;margin:1rem 0 0;text-align:center}.auth-card-signup-prompt a{font-weight:800}.account-danger-zone{border-top:1px solid #e5e7eb;margin-top:2rem;padding-top:1.35rem}.account-settings-section{border-top:1px solid #e5e7eb;margin-top:1.5rem;padding-top:1.35rem}.account-settings-section:first-of-type{border-top:0;margin-top:0;padding-top:0}.account-settings-section h3{margin:0 0 0.45rem;text-align:left}.avatar-picker .avatar-image-picker{border:0;display:grid;gap:0.7rem;grid-template-columns:repeat(3, minmax(0, 1fr));margin:0;padding:0}.auth-card .avatar-picker-option{align-items:center;border:2px solid transparent;border-radius:12px;cursor:pointer;display:flex;flex-direction:column;gap:0.35rem;margin:0;min-width:0;padding:0.45rem 0.2rem;text-align:center}.avatar-picker-option:has(input:checked){background:var(--reo-green-soft);border-color:var(--reo-green)}.avatar-picker-option input{position:absolute;opacity:0;pointer-events:none}.avatar-picker-option:focus-within{outline:3px solid rgba(16,185,129,0.28)}.avatar-picker-preview{background:var(--avatar-preview-background);height:64px;width:64px}.avatar-picker-option>span:last-child{font-size:0.76rem;line-height:1.2}.avatar-color-picker{border:0;margin:1.15rem 0 0;padding:0}.avatar-color-picker legend{font-size:0.9rem;font-weight:700;margin-bottom:0.55rem}.avatar-color-options{display:grid;gap:0.7rem;grid-template-columns:repeat(3, minmax(0, 1fr))}.auth-card .avatar-color-option{align-items:center;border:2px solid transparent;border-radius:12px;cursor:pointer;display:flex;flex-direction:column;gap:0.45rem;margin:0;min-width:0;padding:0.65rem 0.25rem;text-align:center}.avatar-color-option:has(input:checked){background:var(--reo-green-soft);border-color:var(--reo-green)}.avatar-color-option input{opacity:0;pointer-events:none;position:absolute}.avatar-color-option:focus-within{outline:3px solid rgba(16,185,129,0.28)}.avatar-color-swatch{background:var(--avatar-swatch);border:3px solid #fff;border-radius:50%;box-shadow:0 0 0 1px #cbd5e1;height:52px;width:52px}.avatar-color-option:has(input:checked) .avatar-color-swatch{box-shadow:0 0 0 2px var(--reo-green)}.avatar-color-option>span:last-child{font-size:0.78rem}.account-section-intro{color:#4b5563;font-size:0.9rem;line-height:1.5;margin:0 0 1rem}.account-delete-form .danger-button{margin-top:1rem}.account-danger-zone h3{color:#b91c1c;margin:0 0 0.65rem;text-align:left}.account-danger-zone p{color:#4b5563;font-size:0.9rem;line-height:1.5;margin:0 0 1rem}.auth-card .danger-button{background-color:#ef4444;color:white;border:none;padding:0.6rem 1rem;border-radius:8px;cursor:pointer}.auth-card .danger-button:hover{background-color:#dc2626}
