.jot-auth-form{display:flex;flex-direction:column;gap:var(--space-md,16px);max-width:400px;margin:0 auto}.jot-auth-form h3{margin:0 0 var(--space-sm,8px) 0;font-size:var(--font-2xl,1.75rem);font-weight:var(--fw-semibold,600)}.jot-auth-form input{padding:var(--space-sm,12px);border:1px solid var(--border,#ddd);border-radius:var(--radius-md,8px);font-size:var(--font-base,1rem)}.jot-auth-form input:focus{outline:2px solid var(--primary,#007bff);outline-offset:2px}.jot-auth-form input:disabled{opacity:.6;cursor:not-allowed}.jot-auth-form button{padding:var(--space-sm,12px) var(--space-md,16px);background:var(--primary,#007bff);color:white;border:none;border-radius:var(--radius-md,8px);font-size:var(--font-base,1rem);font-weight:var(--fw-semibold,600);cursor:pointer;transition:background var(--transition,.2s ease)}.jot-auth-form button:hover:not(:disabled){background:var(--primary-shade,#0056b3)}.jot-auth-form button:disabled{opacity:.6;cursor:not-allowed}.jot-auth-error{padding:var(--space-sm,12px);background:var(--danger-bg,#fee);border:2px solid var(--danger,#c00);border-radius:var(--radius-md,8px);color:var(--danger-text,#800)}.jot-auth-profile{display:flex;flex-direction:column;gap:var(--space-xs,4px)}.jot-auth-profile-name{font-weight:var(--fw-semibold,600);font-size:var(--font-base,1rem)}.jot-auth-profile-email{font-size:var(--font-sm,.875rem);color:var(--text-2,#666)}.jot-auth-profile-badge{display:inline-block;padding:2px 8px;background:var(--secondary,#28a745);color:white;border-radius:var(--radius-sm,4px);font-size:var(--font-xs,.75rem);font-weight:var(--fw-bold,700);width:-moz-fit-content;width:fit-content}.jot-auth-signout{padding:var(--space-xs,8px) var(--space-sm,12px);background:var(--text-2,#6c757d);color:white;border:none;border-radius:var(--radius-md,8px);font-size:var(--font-sm,.875rem);font-weight:var(--fw-semibold,600);cursor:pointer;transition:background var(--transition,.2s ease)}.jot-auth-signout:hover{background:var(--text-2,#545b62)}